@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: bold,Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;image-rendering: -webkit-optimize-contrast;image-rendering: -o-crisp-edges;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;font-family: bold,Arial,Microsoft Yahei;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{color: #000;font-family: bold,Arial,Microsoft Yahei;}
header,
footer,
main,
header *,
footer *,
main *{box-sizing: border-box;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


@font-face{
    font-family: ranyRegular;
    src: url('../font/Rany.woff');
    font-display: swap;
}
@font-face{
    font-family: ranyLight;
    src: url('../font/Rany-Light.woff');
    font-display: swap;
}
@font-face{
    font-family: ranyBold;
    src: url('../font/Rany-Bold.woff');
    font-display: swap;
}
@font-face{
    font-family: bold;
    src: url('../font/Spartan-Bold.woff');
    font-display: swap;
}
@font-face{
    font-family: heavy;
    src: url('../font/Spartan-HeavyClassified.woff');
    font-display: swap;
}

@font-face{
    font-family: t; 
    src:url('../font/PlayfairDisplay-Black.woff') format('woff');
}

html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

/*有些苹果系统自带的浏览器safari可能不支持calc和vw一起用，可以试着写成*/
/*html{font-size: 5.2083vw;}
@media(max-width: 900px){
    html{font-size: 46.875px;}
}*/

body{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 1rem / 100);}
@media(max-width: 1920px){
    .s12{font-size: 12.0px;}
}
.s13{font-size: calc(13 * 1rem / 100);}
@media(max-width: 1846px){
    .s13{font-size: 12.5px;}
}
.s14{font-size: calc(14 * 1rem / 100);}
@media(max-width: 1783px){
    .s14{font-size: 13px;}
}
.s15{font-size: calc(15 * 1rem / 100);}
@media(max-width: 1664px){
    .s15{font-size: 13px;}
}
.s16{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1620px){
    .s16{font-size: 13.5px;}
}
.s17{font-size: calc(17 * 1rem / 100);}
@media(max-width: 1525px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 1rem / 100);}
@media(max-width: 1493px){
    .s18{font-size: 14px;}
}
.s19{font-size: calc(19 * 1rem / 100);}
@media(max-width: 1415px){
    .s19{font-size: 14px;}
}
.s20{font-size: calc(20 * 1rem / 100);}
@media(max-width: 1392px){
    .s20{font-size: 14.5px;}
}
.s21{font-size: calc(21 * 1rem / 100);}
@media(max-width: 1326px){
    .s21{font-size: 14.5px;}
}
.s22{font-size: calc(22 * 1rem / 100);}
@media(max-width: 1309px){
    .s22{font-size: 15.0px;}
}
.s23{font-size: calc(23 * 1rem / 100);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 1rem / 100);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 1rem / 100);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 1rem / 100);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 1rem / 100);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 1rem / 100);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 1rem / 100);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 1rem / 100);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 1rem / 100);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 1rem / 100);}
@media(max-width: 1080px){
    .s32{font-size: 18.0px;}
}
.s33{font-size: calc(33 * 1rem / 100);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 1rem / 100);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 1rem / 100);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 1rem / 100);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 1rem / 100);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 1rem / 100);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 1rem / 100);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 1rem / 100);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 1rem / 100);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 1rem / 100);}
@media(max-width: 960px){
    .s42{font-size: 21.0px;}
}
.s43{font-size: calc(43 * 1rem / 100);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 1rem / 100);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 1rem / 100);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 1rem / 100);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 1rem / 100);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 1rem / 100);}
@media(max-width: 911px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 1rem / 100);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 1rem / 100);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 1rem / 100);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 1rem / 100);}
@media(max-width: 886px){
    .s52{font-size: 24.0px;}
}
.s53{font-size: calc(53 * 1rem / 100);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 1rem / 100);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 1rem / 100);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 1rem / 100);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 1rem / 100);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 1rem / 100);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 1rem / 100);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 1rem / 100);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 1rem / 100);}
@media(max-width: 840px){
    .s60{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 1rem / 100);}
@media(max-width: 836px){
    .s60{font-size: 27.0px;}
}
.s63{font-size: calc(63 * 1rem / 100);}
@media(max-width: 832px){
    .s60{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 1rem / 100);}
@media(max-width: 828px){
    .s60{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 1rem / 100);}
@media(max-width: 824px){
    .s60{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 1rem / 100);}
@media(max-width: 820px){
    .s60{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 1rem / 100);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 1rem / 100);}
@media(max-width: 813px){
    .s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 1rem / 100);}
@media(max-width: 809px){
    .s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 1rem / 100);}
@media(max-width: 806px){
    .s70{font-size: 29.4px;}
}
.s70{font-size: calc(70 * 1rem / 100);}
@media(max-width: 803px){
    .s70{font-size: 29.7px;}
}
.s71{font-size: calc(71 * 1rem / 100);}
@media(max-width: 800px){
    .s71{font-size: 30px;}
}
.s72{font-size: calc(72 * 1rem / 100);}
@media(max-width: 796px){
    .s72{font-size: 30.3px;}
}
.s73{font-size: calc(73 * 1rem / 100);}
@media(max-width: 793px){
    .s73{font-size: 30.6px;}
}
.s74{font-size: calc(74 * 1rem / 100);}
@media(max-width: 791px){
    .s74{font-size: 30.9px;}
}
.s75{font-size: calc(75 * 1rem / 100);}
@media(max-width: 788px){
    .s75{font-size: 31.2px;}
}
.s76{font-size: calc(76 * 1rem / 100);}
@media(max-width: 79px){
    .s76{font-size: 31.5px;}
}
.s77{font-size: calc(77 * 1rem / 100);}
@media(max-width: 785px){
    .s77{font-size: 31.8px;}
}
.s78{font-size: calc(78 * 1rem / 100);}
@media(max-width: 782px){
    .s78{font-size: 32.1px;}
}
.s79{font-size: calc(79 * 1rem / 100);}
@media(max-width: 780px){
    .s79{font-size: 32.4px;}
}
.s80{font-size: calc(80 * 1rem / 100);}
@media(max-width: 777px){
    .s80{font-size: 32.7px;}
}
 
.wg-textbox,.wb-textbox,.wd-textbox,.wl-textbox,.wq-textbox{font-size: calc(17 * 1rem / 100);}
@media(max-width: 1525px){
    .wg-textbox,.wb-textbox,.wd-textbox,.wl-textbox,.wq-textbox{font-size: 13.5px;}
}

div.mCSB_scrollTools{width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #f0f0f0;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #0094d6;border-radius: 2px;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: #999999;}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: #999999;}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: #999999;}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: #999999;}

/* 动画 */

.drop{opacity:0;transform:translate3d(0,-80px,0);}
.drop.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 
.teaser{opacity:0;transform:translate3d(0,80px,0);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 

.lter{opacity:0;transform:translate3d(-80px,0,0);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);}
.rter{opacity:0;transform:translate3d(80px,0,0);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);}

.scale{opacity:0;transform:scale(1.1);}
.scale.is-visible{opacity:1;transform:scale(1);transition:transform 1.5s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.reduce{opacity:0;transform:scale(.7);}
.reduce.is-visible{opacity:1;transform:scale(1);transition:transform 1.5s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}



header{width: 100%;position: fixed;left: 0;top: 0;z-index: 288;transition: background-color .3s,box-shadow .3s;}
body.white-bg header{background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.target{width: 100%;position: absolute;left: 0;top: -0.99rem;}
.h-bottom{width: 100%;position: relative;z-index: 12;}
.h-inner{width: 100%;max-width: 16.8rem;margin: 0 auto;}
.h-index{float: left;height: .43rem;margin-top: .18rem;}
.h-logo{height: 100%;}
.h-logo2{display: none;}
.h-nav{position: absolute;left: 50%;top: 0;transform: translate(-50%,0);}
.h-right{float: right;font-size: 0;}
.h-search{display: inline-block;vertical-align: top;width: .22rem;height: .8rem;background-image: url(../images/2.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.h-cart{display: inline-block;vertical-align: top;width: .23rem;height: .8rem;margin-left: .4rem;background-image: url(../images/4.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.h-lang{display: inline-block;vertical-align: top;width: .22rem;height: .8rem;margin-left: .4rem;position: relative;background-image: url(../images/3.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.h-lang-list{width: 8em;background-color: #fff;position: absolute;left: 50%;top: 100%;padding: 0.05rem 0;margin-left: -3em;visibility: hidden;opacity: 0;transition: all .3s;border-radius: 0.3125em;}
.h-lang-link{display: block;width: 100%;line-height: 1.71;padding: .06rem 0.03rem;text-align: center;color: #606266;font-weight: bold;}
header.show-lang .h-lang-list{opacity:1;visibility:visible;}
.h-menu{display: none;width: 46px;height: 46px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/menu.png);background-size: 28px 28px;}
.h-mask{background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 998;transition:all .5s;opacity: 0;visibility: hidden;}
.h-nav{display: inline-block;vertical-align: top;font-size: 0;white-space: nowrap;}
.h-li{display: inline-block;vertical-align: top;position: relative;margin: 0 .3rem;white-space: normal;}
.h-link{position: relative; color: #fff;display: block;line-height: .8rem;}
.h-sub{display: none;width: 18em;background-color: #fff;position: absolute;left: 50%;margin-left: -9em;top: 100%;z-index: 1000;padding: 0.05rem 0;border-radius: .3125em;}
.h-sub>li>a{display: block;width: 100%;line-height: 1.2;padding: .1rem 0.03rem;text-align: center;color: #606266;transition: background-color .3s;}
header.show-menu .h-nav{right: 0;}
header.show-menu .h-mask{opacity:1;visibility:visible;}
.h-sch{display: none;width: 100%;padding: .4rem 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 999;background-color: #fff;font-size: 0;text-align: center;}
.h-form{width: 100%;background-color: transparent;position: relative;overflow: hidden;font-size: 0;}
.h-text{width: 3.8rem;height: .4rem;line-height: .4rem;font-size: .14rem;padding: 0 .1rem 0 0.05rem;border: none;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;color: #333;text-align: left;vertical-align: top;}
.h-smt{background-image: url(../images/5.png);background-position: center center;width: .4rem;height: .4rem;background-size: .22rem auto;background-repeat: no-repeat;color: transparent;cursor: pointer;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}
header.show-sch .h-mask{opacity:1;visibility:visible;}
header.show-sch .h-sch{display: block;}

.h-top{position: fixed;top: -110%;left: 0; width: 100%; background-color: #014a97;}
.h-main{width: 16.8rem;margin: 0 auto;position: relative;}
.h-main:after{content: '';position: absolute;top: 0;right: 0;z-index: 38; width: 1.7rem;height: 100%;background: linear-gradient(to right, rgba(1, 74, 151, 0), rgba(1, 74, 151, .8));}
.h-wrap{width: 100%;overflow: hidden;}
.hw-inner{position: relative;display: inline-block;white-space: nowrap;font-size: 0;}
.hw-list{display: inline-block;font-size: 0;}
.hw-one{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .8rem;}
.hw-icon{display: inline-block;vertical-align: middle;width: 1.07em;margin-right: .1rem;}
.hw-icon img{width: 100%;}
.hw-name{font-family: ranyLight;display: inline-block;vertical-align: middle;height: .35rem;line-height: .35rem; color: #ffffff;}
 
 
.h-product{display: none; position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);padding-top: .1rem; width: 19.2rem;}
.hp-cont{width: 100%; background-color: #fff;max-height: calc(100vh - 1rem);overflow: auto;}
.hp-main{width: 16.8rem;margin: 0 auto;font-size: 0;padding: .4rem 0 .1rem;}
.hp-item{display: inline-block;vertical-align: top;width: 21.43%;margin-bottom: .45rem; margin-right: 4.76%;}
.hp-item:nth-child(4n){margin-right: 0;}
.hp-one{display: block;width: 100%;margin-bottom: .15rem; padding-bottom: .2rem;border-bottom: 1px solid #014a97;}
.hp-icon{display: inline-block;vertical-align: middle;width: .5rem;height: .35rem;line-height: .35rem;}
.hp-icon img{max-width: .35rem;max-height: 100%;}
.hp-text{display: inline-block;vertical-align: middle;cursor: pointer; width: calc(100% - .6rem);color: #014a97;line-height: 1.5;}
.hp-twobox{width: 100%;}
.hp-two{font-family: ranyRegular;display: block;cursor: pointer; color: #606266;line-height: 1.87;}
.hp-two:hover{color: #014a97;} 

.h-solution{display: none; position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);padding-top: .1rem; width: 16.8rem;}
.hs-cont{width: 100%; background-color: #fff;max-height: calc(100vh - 1rem);overflow: auto;}
.hs-main{width: 16.8rem;margin: 0 auto;font-size: 0;padding:  .1rem;text-align: center;}
.hs-list{display: inline-block;max-width: 100%;text-align: left;}
.hs-item{display: inline-block;vertical-align: top;cursor: pointer;text-align: center; padding: .1rem .5rem;}
.hs-icon{display: inline-block;}
.hs-icon1{display: block;width: .65rem;height: .5rem;line-height: .5rem;}
.hs-icon1 img{max-width: 100%;max-height: .4rem;}
.hs-icon2{display: none;width: .65rem;height: .5rem;line-height: .5rem;}
.hs-icon2 img{max-width: 100%;max-height: .4rem;}
.hs-text{width: 100%;padding-top: .05rem;}
.hs-name{color: #606266;line-height: 1.6;}
.hs-item:hover .hs-icon1{display: none;}
.hs-item:hover .hs-icon2{display: block;}
.hs-item:hover .hs-name{color: #014a97;}

@media(min-width: 1201px){
    .h-sub>li>a:hover,
    .h-lang-link:hover{color: #014a97;}
    body.black .h-link{color: #333;}
    body.black .h-search{background-image: url(../images/5.png);}
    body.black .h-lang{background-image: url(../images/6.png);}
    body.black .h-cart{background-image: url(../images/7.png);}
    body.black:before{opacity: 0;}
    body.black .h-logo1{display: none;}
    body.black .h-logo2{display: inline-block;}

    .h-li.has-product{position: static;}
    .h-li.has-product:hover .h-link:after{content: ''; position: absolute;bottom: -.1rem;left: 50%;margin-left: -.1rem;border-bottom: .1rem solid #fff;border-left: .1rem solid transparent;border-right: .1rem solid transparent;}

    .h-li.has-solution{position: static;}
    .h-li.has-solution:hover .h-link:after{content: ''; position: absolute;bottom: -.1rem;left: 50%;margin-left: -.1rem;border-bottom: .1rem solid #fff;border-left: .1rem solid transparent;border-right: .1rem solid transparent;}

}
@media(max-width: 1920px){
    .h-search{width: 22px;}
    .h-lang{width: 22px;}
    .h-cart{width: 22px;}
    .h-sch{padding: 40px 0;}
    .h-text{width: 380px;height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px 0 5px;}
    .h-smt{width: 40px;height: 40px;background-size: 22px auto;}
}
@media(min-width: 1200px){
    body.index .h-top{position: relative;top: 0;} 
    body.black .h-top{position: fixed;top:  -110%;}
}
@media(max-width: 1200px){
    body{padding-top: 46px !important;}
    header{height: 46px;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);}

    .h-top{display: none;}
    /* body.index{padding-top: 76px !important;}
    body.index header{height: 76px !important;} */


    /* body.black{padding-top: 46px !important;} */
    body.black   header{height: 46px !important;}
    .hw-name{line-height: 30px;height: 30px;}
    
    header:before{display: none;}
    .target{top: -45px;}
    .h-index{height: 28px;margin-top: 9px;}
    .h-logo1{display: none;}
    .h-logo2{display: inline-block;}
    .h-nav{width: 280px;height: 100%;position: fixed;right: -280px;top: 0;left: auto;transform: translate(0,0);background-color: #fff;z-index: 12345;overflow: auto;transition: all .3s;}
    .h-li{display: block;margin: 0;}
    .h-li.active .h-link:after{display: none;}
    .h-sub{width: 100%;margin-left: 0;top: 0;position: relative;left: 0;padding: 0;}
    .h-sub>li>a{text-align: left;padding: 10px 0 10px 40px;}
    .h-li.has-nav:after{content: "+";display: inline-block;width: 40px;height: 46px;line-height: 46px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #606266;}
    .h-li.has-nav.show:after{content: "-";}
    .h-link{line-height: 46px;padding: 0 46px 0 20px;color: #333;}
    .h-menu{display: inline-block;}
    .h-search{background-image: url(../images/5.png);width: 46px;height: 46px;background-size: 22px auto;}
    .h-lang{background-image: url(../images/6.png);width: 46px;height: 46px;background-size: 22px auto;margin-left: 0;}
    .h-cart{background-image: url(../images/7.png);width: 46px;height: 46px;background-size: 23px auto;margin-left: 0;}
    header.show-lang .h-lang{background-color: #fff;z-index: 12345;}
    header.show-lang .h-mask{opacity:1;visibility:visible;}

    .h-li.has-product:after{content: "+";display: inline-block;width: 40px;height: 46px;line-height: 46px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #606266;}
    .h-li.has-product.show:after{content: "-";}
    .h-product{position: relative;width: 100%;left: 0;transform: translate(0,0);padding-top: 0;}
    .hp-cont{width: 100%;max-height: none;}
    .hp-main{width: 100%;padding: 15px 10px 10px 40px ;}
    .hp-item{width: 100%;margin-right: 0;}

    .h-li.has-solution:after{content: "+";display: inline-block;width: 40px;height: 46px;line-height: 46px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #606266;}
    .h-li.has-solution.show:after{content: "-";}
    .h-solution{position: relative;width: 100%;left: 0;transform: translate(0,0);padding-top: 0;}
    .hs-cont{width: 100%;max-height: none;}
    .hs-main{width: 100%;padding:   10px  ;}
    .hs-item{width: 33.33%;padding: 10px 5px;}
}
@media(max-width: 900px){
    .h-inner{max-width: 100%;padding-left: 10px;}
}
@media(max-width: 750px){
    header.show-sch .h-text{width: 220px;}
}
@media(max-width: 360px){
    .h-index{height: 24px;margin-top: 11px;}
}
@media(max-width: 340px){
    .h-index{height: 22px;margin-top: 12px;}
}
@media(max-width: 330px){
    .h-index{height: 20px;margin-top: 13px;}
}




/* 

.wz-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(540/930*100%);}
.wz-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

font-family: ranyLight;   font-family: ranyRegular;
.wd-item .wd-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

transform: scale(1.00);transition: all ease .5s;

background-color: #014a97;
background-size: cover;background-position: center center;background-repeat: no-repeat;


scale  reduce teaser

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

  
*/
 
.footer *{box-sizing: border-box;}
.footer{box-sizing: border-box;width: 100%;padding-top: .65rem; background-image: url('../images/16.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.f-main{width: 16.8rem;margin: 0 auto;}
.f-top{width: 100%;padding-bottom: .95rem;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;font-size: 0;width: 3.7rem;}
.f-tip{width: 100%;margin-bottom: .1rem;line-height: 1.6;color: #111111; }
.f-url{display: block;cursor: pointer;margin-bottom: .3rem; color: #014a97;line-height: 1.3;}
.f-b{display: block;color: #111111;line-height: 1.5;}
.f-address{font-family: ranyLight;display: block;margin-bottom: .3rem; color: #111111;line-height: 1.5;}
.f-textbox{font-family: ranyLight;color: #606266;line-height: 2;}

.f-right{float: right;font-size: 0;}
.f-list{display: inline-block;vertical-align: top;margin-right: .8rem;}
.f-item{display: inline-block;vertical-align: top;width: 1.8rem;padding-right: .1rem;}
.f-one{display: block;width: 100%;margin-bottom: .18rem; line-height: 1.6;color: #111111;}
.f-twobox{display: inline-block;}
.f-two{font-family: ranyLight;display: block;cursor: pointer;margin-bottom: .06rem; color: #606266;line-height: 1.66;}
.f-two:hover{color: #014a97;}
.f-c{display: inline-block;vertical-align: top;width: 3.8rem;}
.f-d{width: 100%;margin-bottom: .18rem; line-height: 1.6;color: #111111;}
.f-e{width: 100%;padding-top: .6rem;}
.f-f{width: 100%;margin-bottom: .25rem;color: #222222;line-height: 1.5;}
.f-box{width: 100%;position: relative;padding-left:  .5rem;padding-right: 1rem;background-color: #ffffff;border-radius: .085rem;overflow: hidden;}
.f-icon{position: absolute;top: 50%;left: .2rem;transform: translate(0,-50%); width: .18rem;}
.f-icon img{width: 100%;}
.f-input{font-family: ranyLight;display: block;border: none;background-color: transparent; width: 100%;height: .5rem;color: #111;}
.f-submit{position: absolute;top: 0;right: 0;display: block;border: none;cursor: pointer;color: #ffffff; width: 1rem;height: .5rem;line-height: .5rem;text-align: center; 	background-color: #014a97; }
.f-center{width: 100%;padding-bottom: .15rem;}
.f-center:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-lt{float: left;margin-bottom: .15rem;}
.f-tr{width: 100%;font-size: 0;}
.f-td{font-family: ranyLight;display: inline-block;vertical-align: middle;margin-bottom: .1rem;line-height: 1.4;color: #606266;}
.f-td:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .15rem;width: 1px; height: .1rem;background-color: #000000;opacity: 0.2;}
.f-td:last-child:after{display: none;}
.f-tr a{cursor: pointer;}
.f-tr a:hover{color: #014a97;}
.f-intro{font-family: ranyLight;display: inline-block;vertical-align: middle;line-height: 1.4;color: #606266;}
.f-intro a{cursor: pointer;}
.f-intro a:hover{color: #014a97;}

.f-rt{float: right;font-size: 0;}
.f-share{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; text-align: center;margin-bottom: .15rem; margin-left: .1rem;}
.f-img1{display: block;width: .45rem;height: .45rem;line-height: .45rem; border-radius: 50%;background-color: #fff;}
.f-img1 img{max-width: 48%; max-height: 40%;}
.f-img2{display: none;width: .45rem;height: .45rem;line-height: .45rem; border-radius: 50%;background-color: #014a97;}
.f-img2 img{max-width: 48%; max-height: 40%;}

.f-share:hover .f-img1{display: none;}
.f-share:hover .f-img2{display: block;}

.f-sub{display: none; position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);padding-bottom: .1rem;}
.f-code{display: block;padding: .1rem;border-radius: .1rem;width: 2rem;min-width: 150px;overflow: hidden;background-color: #fff;}
.f-code img{width: 100%;}

.f-bottom{width: 100%;padding: .2rem 0;min-height: .7rem;display: flex;align-items: center;font-size: 0; border-top: 1px solid rgba(0,0,0,.05);}
.f-g{color: #222222;line-height: 1.5;margin-right: .2rem;}
.f-linkbox{display: block;}
.f-link{font-family: ranyLight;display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .3rem;color: #606266;line-height: 2;}
.f-link:hover{color: #014a97;}

@media(max-width: 1500px){
    .f-box{padding-right: 80px;}
    .f-submit{width: 80px;}
} 
@media(max-width: 1150px){
    .f-top{padding-bottom: 30px;}
    .f-left{width: 100%;max-width: 900px; margin-bottom: 15px;}
    .f-right{width: 100%;}
    .f-list{width: 100%;margin-right: 0;}
    .f-item{display: block;position: relative; width: 100%;padding-right: 0;}
    .f-item.has-ftwo:after{content: "+";display: inline-block;width:30px;height: 30px;line-height: 30px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #606266;}
    .f-item.has-ftwo.show:after{content: "-";}
    .f-one{display: inline-block;padding-right: 40px; line-height: 30px;}
    .f-twobox{display: none;padding-left: 30px; width: 100%;} 
    .f-two{line-height: 2;}
    .f-c{width: 100%;}
    .f-input{height: 30px;}
    .f-submit{height: 30px;line-height: 30px;}
    .f-img1{width: 32px;height: 32px;line-height: 32px;}
    .f-img2{width: 32px;height: 32px;line-height: 32px;}
} 
@media(max-width: 850px){ 
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
}


.a-main{width: 100%;}
.a-bn{width: 100%;}
.a-s{position: relative;}
.a-box{display: block;width: 100%;padding-top: 100vh;position: relative;}
.a-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.a-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .4rem;font-size:0}
.a-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .05rem;}
.a-bn .a-ps>span{width: 1rem;height:0.02rem;background-color: rgba(255,255,255,0.4);border: none;position: relative;opacity: 1;}
.a-bn .a-ps>span:after{content: "";display: inline-block;width: 0;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;}
.a-bn .a-ps>span.swiper-pagination-bullet-active:after{width: 100%;transition: width 4s linear;animation: long 4s linear;}
.a-ps>span:before{content: "";display: inline-block;width: 100%;height: 0.2rem;position: absolute;left: 0;top: 50%;margin-top: -0.2rem;background-color: transparent;}

.a-main.hide  .a-ps{opacity: 0;}

@keyframes long{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
.a-text{width: 16.8rem;position: absolute;left: 50%;margin-left: -8.4rem;top: 52.87%; transform: translate(0,-50%);z-index: 12;}
.a-tit{color: #fff;line-height: 1.23;margin-bottom: .5rem;}
.a-des{color: #fff;line-height: 1.6;margin-bottom: 1.05rem;}
.a-btn{display: inline-block;vertical-align: top;background-color: #fff;color: #014a97;cursor: pointer;line-height: .56rem;border-radius: .5em;padding: 0 .3rem;}
.a-btn:after{content: "";display: inline-block;vertical-align: middle;width: .875em;height: .75em;background-image: url(../images/17.png);background-size: 100% 100%;margin-left: .29rem;}

.a-tit,.a-des,.a-btn{opacity:0;transform:translate3d(0,80px,0);}
.a-s.swiper-slide-active .a-tit{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 
.a-s.swiper-slide-active .a-des{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 
.a-s.swiper-slide-active .a-btn{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 


@media(max-width: 1200px){
    .a-box{padding-top: 48.958%;}
    .a-btn{line-height: 34px;}
}
@media(max-width: 960px){
    .a-bn .a-ps>span{height: 1px;}
}
@media(max-width: 850px){
    .a-text{width: 100%;margin-left: 0;left: 0;top: 50%;padding: 0 20px;}
    .a-tit{font-size: 20px;}
    .a-des{font-size: 14px;}
    .a-btn{font-size: 12px;}
}
@media(max-width: 600px){
    .a-tit{margin-bottom: 10px;}
    .a-des{margin-bottom: 20px;}
}
@media(max-width: 500px){
    .a-tit{font-size: 16px;}
    .a-des{font-size: 12px;margin-bottom: 15px;}
    .a-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px;}
}

.b-a{width: 100%;position: relative;background-color: #d0d3d7; background-image: linear-gradient(45deg, #d0d3d7 0%, #f3f5f7 34%, #dcdfe3 81%, #eaeced 100%);}
.b-main{width: 100%;margin: 0 auto;font-size: 0;}
.b-left{display: inline-block;vertical-align: middle;width: 50%;padding: 10px   1.2rem;}
.b-top{width: 100%;max-width: 5.8rem;min-height: 3.2rem;padding-bottom: .5rem;}
.b-titles{width: 100%;margin-bottom: .5rem; color: #111111;line-height: 1.2;}
.b-synopsis{    font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.6;}
.b-swiper{width: 100%;margin-left: -.1rem; max-width: 6.6rem; position: relative;z-index: 38;}
.b-b{width: 100%;}
.b-nav{display: block;cursor: pointer; width: 33.33%;text-align: center;padding: .2rem .1rem;}
.b-nav:last-child{margin-right: 0;}
.b-icon{display: inline-block;}
.b-icon1{display: block; width: .9rem;height: .9rem;line-height: .9rem; border-radius: 50%; background-color: #ffffff;}
.b-icon1 img{max-width: 40%;max-height: 40%;}
.b-icon2{display: none; width: .9rem;height: .9rem;line-height: .9rem; border-radius: 50%;background-color: #fff; box-shadow: 0px .1rem .2rem 0px rgba(20, 24, 29, 0.05);}
.b-icon2 img{max-width: 40%;max-height: 40%;}
.b-classify{width: 100%;margin-top: .1rem; color: #191919;line-height: 1.5;}
.b-nav:hover .b-icon1{display: none;}
.b-nav:hover .b-icon2{display: block;}
.b-nav:hover .b-classify{color: #014a97;}
.b-nav.active .b-icon1{display: none;}
.b-nav.active .b-icon2{display: block;}
.b-nav.active .b-classify{color: #014a97;}

.b-prev{left: -.4rem;top: 0; margin-top: .5rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.b-prev:hover{background-image: url('../images/a26-b.png');}
.b-next{z-index: 28; transform: rotate(-180deg);top: 0; right: -.4rem;margin-top: .5rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.b-next:hover{background-image: url('../images/a26-b.png');}


.b-right{display: inline-block;vertical-align: middle;width: 50%;position: relative;}
.b-bgbox{width: 100%;padding-top: calc(940/960*100%);position: relative;}
.b-bg{opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: 100%;height: 100%; }
.b-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.b-bg.show{opacity: 1;z-index: 1;}
.b-list{position: absolute;top: 50%;left: -2.1rem;transform: translate(0,-50%); z-index: 18; width: 10.5rem;}
.b-item{display: none;align-items: center;justify-content: space-between;flex-wrap: wrap;cursor: pointer; width: 100%;}
.b-item.show{display: flex;}
.b-img{width: 4.65rem;}
.b-img img{width: 100%;}
.b-text{display: block;width: 4.8rem;}
.b-name{width: 100%;margin-bottom: .4rem; color: #ffffff;line-height: 1.3; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.b-intro{font-family: ranyLight;width: 100%;margin-bottom: 1.15rem; color: #ffffff;line-height: 1.6; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.b-more{display: inline-block;cursor: pointer;padding: 0 .3rem;color: #014a97;line-height: .56rem; background-color: #ffffff;border-radius: .08rem;}
.b-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-item:hover .b-more{background-color: #014a97;color: #fff;}
.b-item:hover .b-more:after{background-image: url('../images/a2-b.png');}
.b-arrows{position: absolute;bottom: 0;left: 50%;margin-left: -1.25rem;z-index: 88; display: block;cursor: pointer; width: 2.5rem;height: .53rem;background-image: url('../images/a60.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
@media(max-width: 1920px){
    .b-prev{background-size: 7px auto;}
    .b-next{background-size: 7px auto;}
}

@media(min-width: 851px){
    .b-swiper:after{content: ''; position: absolute;top: 0;right: -.5rem;z-index: 18; margin-top: .4rem; width: .47rem;height: .5rem;background-color: transparent;}
}
@media(max-width: 850px){
    .b-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .b-left{width: 100%;padding: 25px 0 80px;}  
    .b-top{max-width: 100%;}
    .b-swiper{max-width: 100%;padding: 0 10px;}
    .b-nav{width: 50%;}
    .b-prev{left: 0;width: 10px;}
    .b-next{right: 0;width: 10px;} 

    .b-right{width: 100%;}  
    .b-list{left: 0;top: -70px;transform: translate(0,0); width: 100%;padding: 0 10px;}
    .b-img{width: 100%;text-align: center; height: 150px;line-height: 150px;}
    .b-img img{width: auto;max-width: 80%;max-height: 80%;}
    .b-text{width: 100%;}
    .b-intro{margin-bottom: 15px;}
    .b-more{line-height: 32px;}
}

.c-a{width: 100%;padding-top: .95rem;padding-bottom: .75rem;background-color: #f3f5f7;}
.c-main{width: 17.06rem;margin: 0 auto;}
.c-titles{width: 100%;text-align: center;margin-bottom: .3rem; color: #111111;line-height: 1.2;}
.c-cont{width: 100%;position: relative;}
.c-item{width: 25%;padding: .1rem .13rem;}
.c-link{display: block;cursor: pointer; width: 100%;text-align: center;padding: 0 .2rem .3rem;background-color: #fff;	box-shadow: 0px 0px .15rem 0px rgba(1, 74, 151, 0.1); }
.c-img{width: 100%;height: 3.2rem;line-height: 3.2rem;}
.c-img img{width: 90%; max-width: 3.2rem;max-height: 80%;transform: scale(1.00);transition: all ease .5s;}
.c-text{width: 100%;}
.c-name{font-family: ranyRegular;width: 100%;color: #222222;line-height: 1.5;height: 3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c-link:hover .c-img img{transform: scale(1.05);}
.c-link:hover .c-name{color: #014a97;}

.c-prev{display: none; left: -.3rem; margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.c-prev:hover{background-image: url('../images/a26-b.png');}
.c-next{display: none; transform: rotate(-180deg); right: -.3rem;margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.c-next:hover{background-image: url('../images/a26-b.png');}
 
@media(max-width: 1920px){
    .c-prev{background-size: 7px auto;}
    .c-next{background-size: 7px auto;}
}

@media(max-width: 850px){
    .c-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .c-cont{max-width: 100%;padding: 0 10px;}
    .c-item{width: 50%;padding: 0 5px;}
    .c-img{height: 130px;line-height: 130px;}
    .c-prev{display: block; left: 0;width: 10px;}
    .c-next{display: block; right: 0;width: 10px;}   
}

.d-a{width: 100%;position: relative; }
.d-bgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.d-bg{opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: 100%;height: 100%;}
.d-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.d-bg.show{opacity: 1;z-index: 1;}
.d-main{width: 16.8rem;margin: 0 auto;position: relative;z-index: 1;padding-top: 1.45rem;padding-bottom: 3.5rem; min-height: 9.4rem;}
.d-top{width: 100%;}
.d-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.d-left{float: left;font-size: 0;width: 4.75rem;padding-top: 1rem;}
.d-titles{width: 100%;margin-bottom: .5rem; }
.d-titles span{display: inline-block;position: relative; color: #ffffff;line-height: 1.2;}
.d-titles span:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-color: #fff;}
.d-synopsis{ font-family: ranyRegular;width: 100%;line-height: 1.6; color: #ffffff;}
.d-right{float: right;width: 4.75rem;}
.d-item{display: none;cursor: pointer;width: 100%;}
.d-item.show{display: block;}
.d-item .d-icon{display: none; width: 100%;margin-bottom: .4rem; height: .4rem;line-height: .4rem;}
.d-item .d-icon img{height: .3rem;}
.d-name{width: 100%;margin-bottom: .4rem; color: #ffffff;line-height: 1.27;}
.d-intro{width: 100%;margin-bottom: .5rem; background-color: rgba(0,0,0,.5);padding: .15rem; }
.d-intro_text{width: 100%;font-family: ranyRegular;color: #ffffff;line-height: 1.6;height: 8em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.d-intro_text *{line-height: inherit !important;}
.d-more{display: inline-block;cursor: pointer; padding: 0 .3rem;line-height: .56rem;color: #014a97; background-color: #ffffff;border-radius: .08rem;}
.d-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.d-more:hover{color: #fff;background-color: #014a97;}
.d-more:hover:after{background-image: url('../images/a2-b.png');}

.d-bottom{position: absolute;bottom: 0;left: 0;width: 100%;}
.d-swiper{width: 15.6rem;margin: 0 auto;position: relative; }
.d-swiper:after{content: '';position: absolute;top: .6rem;left: 0;width: 100%;height: 1px;border-top: 1px dashed rgba(255,255,255,.5);}
.d-nav{transition: all ease .5s;display: block;cursor: pointer; width: 14.28%;min-height: 2.1rem;padding-top: .8rem; text-align: center;}
.d-nav:before{content: ''; position: absolute;top: .55rem;left: 50%;transform: translate(-50%,0);	width: .1rem;height: .1rem;border-radius: 50%;background-color: #ffffff;}
.d-box{opacity: 0;transition: all ease .5s; position: absolute;top: 0;left: 50%;transform: translate(-50%,0);padding: .2rem;border-radius: 50%; border: 1px dashed #fff;}
.d-nav .d-icon{display: block;width: .8rem;height: .8rem; line-height: .8rem; border-radius: 50%;background-color: #ffffff;}
.d-nav .d-icon img{max-width: 60%;max-height: 60%;} 
.d-classify{width: 100%; color: #ffffff;line-height: 1.5;}

.d-nav.swiper-slide-active{padding-top: 1.35rem;}
.d-nav.swiper-slide-active .d-box{opacity: 1;}

.d-prev{transform: rotate(-180deg); top: .3rem;left: -.6rem;margin-top: 0; width: .6rem;height: .6rem;border-radius: 50%;border: dashed 1px #ffffff;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.d-prev:hover{background-color: #fff;border: 1px solid #fff;background-image: url('../images/a2.png');}
.d-next{top: .3rem;right: -.6rem;margin-top: 0; width: .6rem;height: .6rem;border-radius: 50%;border: dashed 1px #ffffff;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.d-next:hover{background-color: #fff;border: 1px solid #fff;background-image: url('../images/a2.png');}


.d-nav.swiper-slide-active .d-classify{font-size: calc(24 * 1rem / 100);line-height: 1.41;}
@media(max-width: 1248px){
    .d-nav.swiper-slide-active .d-classify{font-size: 15.6px;}
}

@media(max-width: 850px){ 
    .d-main{padding-top: 30px;}
    .d-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .d-left{width: 100%;margin-bottom: 25px;padding-top: 0;}
    .d-right{width: 100%;}
    .d-swiper{width: calc(100% - 1.2rem);}
    .d-nav{width: 33.33%;min-height: 120px;}
}

.g-a{width: 100%;padding-top: 1.25rem;padding-bottom: 1.3rem; background-image: url('../images/b26.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.g-main{width: 17.7rem;margin: 0 auto;}
.g-titles{width: 100%;text-align: center;margin-bottom: .8rem; color: #111111;line-height: 1.2;}
.g-top{width: 100%;max-width: 12.8rem;margin: 0 auto .8rem; position: relative;}
.g-b{width: 100%;}
.g-item{display: block;width: 100%;}
.g-link{display: block;position: relative;padding-top: .25rem; width: 100%;text-align: center;}
.g-link:before{content: ''; position: absolute;top: 0;left: 0;width: .83rem;height: .66rem;background-image: url('../images/a61.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.g-link:after{opacity: .5;transform: rotate(-180deg); content: ''; position: absolute;bottom:   .7rem;right: 0;width: .83rem;height: .66rem;background-image: url('../images/a61.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.g-intro{position: relative;z-index: 1; font-family: ranyRegular;text-align: justify; width: 100%;margin-bottom: .75rem; line-height: 2; color: #606266;}
.g-name{position: relative;z-index: 1;width: 100%;margin-bottom: .55rem; color: #111111;line-height: 1.27;}
.g-bottom{width: 100%;}
.g-nav{display: block;cursor: pointer; width: 14.28%;text-align: center;}
.g-box{transition: all ease .5s;display: inline-block;padding: .3rem;border-radius: 50%;border: 1px dashed transparent;}
.g-img{transition: all ease .5s;display: inline-block;border-radius: 50%;overflow: hidden; border:  .02rem solid transparent;}
.g-img img{width: 1rem;height: 1rem;object-fit: cover;}

.g-nav.swiper-slide-active .g-box{border: dashed 1px #014a97;}
.g-nav.swiper-slide-active .g-img{border: solid .02rem #014a97;}

@media(max-width: 850px){
    .g-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .g-nav{width: 33.33%;} 
}

.i-a{width: 100%;padding-top: .95rem;padding-bottom: .4rem;overflow: hidden;}
.i-main{width: 100%;margin: 0 auto;}
.i-top{width: 100%;max-width: 16.8rem;margin: 0 auto;text-align: center;}
.i-titles{width: 100%;margin-bottom: .65rem; color: #111111;line-height: 1.2;}
.i-linkbox{width: 100%;font-size: 0;padding-bottom: .25rem;}
.i-link{display: inline-block;vertical-align: top;cursor: pointer;margin: 0 .75rem .3rem;}
.i-icon{display: inline-block;}
.i-icon1{display: block;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%; background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);}
.i-icon1 img{max-width: 50%;max-height: 50%;}
.i-icon2{display: none;width: .9rem;height: .9rem;line-height: .9rem; border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);}
.i-icon2 img{max-width: 50%;max-height: 50%;}
.i-name{width: 100%;margin-top: .25rem;color: #111111;line-height: 1.6;}

.i-link.active .i-icon1{display: none;}
.i-link.active .i-icon2{display: block;}
.i-link.active .i-name{color: #014a97;}

.i-center{width: 100%;position: relative;display: flex;flex-wrap: wrap; margin-bottom: 1.25rem;background-color: #014a97;}
.i-left{width: 12.8rem;position: relative;}
.i-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i-bg.hide{opacity: 0;visibility: hidden;z-index: -1;}
.i-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.i-b{position: absolute;top: 0;left: 0;width: 100%;padding: .85rem .8rem;text-align: right;}
.i-c{width: 100%;margin-bottom: .1rem; color: #ffffff;line-height: 1.4;}
.i-d{color: #ffffff;line-height: 1.27;}

.i-right{flex: 1; min-height: 5.2rem;padding: .75rem .5rem .3rem; text-align: center; }
.i-subtitle{width: 100%;margin-bottom: .3rem; color: #ffffff;line-height: 1.27;}
.i-intro{font-family: ranyRegular;text-align: justify; width: 100%;min-height: 2.2rem;padding-bottom: .3rem; color: #ffffff;line-height: 1.87;}
.i-morebox{width: 100%;}
.i-more{transition: all ease .5s;display: none;cursor: pointer; padding: .2rem .5rem;color: #ffffff;background-color: transparent; border-bottom: 1px solid #ffffff;}
.i-more:hover{background-color: #fff;color: #014a97;}
.i-more.show{display: inline-block;}

.i-onebox{width: 100%;}
.i-one{position: absolute;top: 0;left: -29rem; width: 100%;}
.i-one.show{position: relative;left: 0;}
.i-a .xg-cont{min-height: 5.2rem;}
.i-a .xi-bottom{padding: .5rem .5rem .3rem;}
.i-a .xj-bottom{padding: 1rem .5rem .3rem; }
.i-a .xj-name{color: #fff !important;}

.i-bottom{width: 100%;max-width: 16.8rem;margin: 0 auto; }
.i-list{width: 100%;font-size: 0;}
.i-item{display: inline-block;vertical-align: top;width: 16.666%;text-align: center;padding: 0 .1rem;margin-bottom: .35rem;}
.i-e{width: 100%;}
.i-nub{font-family: heavy;display: inline-block;vertical-align: middle;color: #014a97;line-height: 1.16;}
.i-tip{font-family: heavy;display: inline-block;vertical-align: middle;color: #014a97;line-height: 1.16;}
.i-text{width: 100%;margin-top: .15rem; color: #999999;line-height: 1.7;}

.ia-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; padding: .5rem 0 .3rem;}
.ia-item{display: block;width: 18%;margin: 0 1% .2rem; padding: 0.35rem 0.2rem 0.15rem;text-align: center;background-color: #ffffff;border-radius: 0.08rem; }
.ia-item:nth-child(5n){margin-right: 0;}
.ia-img{width: 100%;margin-bottom: 0.25rem;height: 1.4rem;line-height: 1.4rem;}
.ia-img img{max-width: 100%;max-height: 100%;cursor: pointer;}
.ia-name{width: 100%;line-height: 1.3;height: 2.6em; color: #000;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media(max-width: 850px){
    .i-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .i-link{width: 33.33%;padding: 0 .1rem;margin: 0 0 15px;}
    .i-center{padding-left: 0;margin-bottom: 30px;}
    .i-left{position: relative;width: 100%;  }
    /* .i-left{position: relative;width: 100%; height: auto;padding-top: calc(520/1280*100%);} */
    .i-b{top: 50%;padding: 10px;text-align: center;transform: translate(0,-50%);}
    .i-right{width: 100%;padding: 25px 10px;}
    .i-item{width: 33.33%;}
 
    .i-left{min-height: 180px;}
    .ia-cont{padding: .5rem 5px .3rem;}
    .ia-item{width:calc(50% - 10px);margin: 0 5px .2rem; padding: 15px 10px;}
    .ia-img{height: 130px;line-height: 130px;}
}

.j-a{width: 100%;padding-top: .5rem; padding-bottom: 1rem;}
.j-main{width: 16.8rem;margin: 0 auto;} 
.j-titles{width: 100%;margin-bottom: .5rem;text-align: center; color: #111111;line-height: 1.2;}
.j-cont{width: 100%;position: relative;}
.j-b{width: 100%;}
.j-item{width: 16.66%;}
.j-logo{display: block;width: 100%;text-align: center; cursor: pointer;height: 1.8rem;line-height: 1.8rem;overflow: hidden;}
.j-logo img{max-width: 55%; max-height: 55%;transform: scale(1.00);transition: all ease .5s;}
.j-logo:hover img{transform: scale(1.05);}

.j-prev{left: -.5rem; margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.j-prev:hover{background-image: url('../images/a26-b.png');}
.j-next{transform: rotate(-180deg); right: -.5rem;margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.j-next:hover{background-image: url('../images/a26-b.png');}

@media(max-width: 1920px){
    .j-prev{background-size: 7px auto;}
    .j-next{background-size: 7px auto;}
}

@media(max-width: 850px){
    .j-a{padding-bottom: .5rem;}
    .j-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .j-item{width: 33.33%;}
    .j-logo{height: 1.5rem;line-height: 1.5rem;}
    .j-prev{left: 0;width: 10px;}
    .j-next{right: 0;width: 10px;} 
}

.k-a{width: 100%; background-color: #f3f5f7;position: relative;overflow: hidden;}
.k-main{width: 100%;margin: 0 auto;}
.k-cont{width: 100%;font-size: 0; display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.k-left{width: calc(955/1920*100%);position: relative;padding: 1.55rem 1.2rem; min-height: 9.4rem;}
.k-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.k-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.k-top{width: 100%;position: relative;z-index: 8;min-height: 5.2rem;padding-bottom: .5rem;}
.k-box{width: 100%;margin-bottom: .2rem;}
.k-titles{display: inline-block;vertical-align: middle;max-width: calc(100% - .8rem);padding-right: .1rem; color: #ffffff;line-height: 1.2;}
.k-buttom{display: inline-block;vertical-align: middle;position: relative;}
.k-memu{display: block;cursor: pointer; width: .42rem;height: 1em;background-image: url('../images/a65.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-synopsis{font-family: ranyRegular;line-height: 1.41; color: #ffffff;}
.k-bottom{width: 100%;position: relative;z-index: 1;}
.k-mores{display: inline-block;cursor: pointer; padding: 0 .3rem;line-height: .56rem;color: #014a97; background-color: #ffffff;border-radius: .08rem;}
.k-mores:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-mores:hover{color: #fff;background-color: #014a97;}
.k-mores:hover:after{background-image: url('../images/a2-b.png');}

.k-sub{opacity: 0;visibility: hidden;z-index: -1;transition: all ease .5s;z-index: 88; position: absolute;top: 0;left: 100%;width: 2.5rem;min-width: 150px;padding-left: 10px; }
.k-buttom.show .k-sub{opacity: 1;visibility: visible;z-index: 8;}
.ks-close{display: none; position: absolute;top: 0;right: 0; cursor: pointer; width: .3rem;height: .3rem;background-image: url('../images/a23-b.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.ks-cont{width: 100%;padding-top: .2rem; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);border-radius: .2rem;}
.ks-navbox{width: 100%; padding-bottom: .17rem;}
.ks-nav{font-family: ranyRegular;position: relative;cursor: pointer; display: block;width: 100%; padding: .08rem .1rem;text-align: center; line-height: 2; color: #606266;}
.ks-nav:before{opacity: 0; content: '';position: absolute;top: 50%;left: 0;margin-top: -.05rem; width: .03rem;height: .1rem;background-color: #014a97;border-radius: .02rem;}
.ks-nav:hover{color: #014a97;}
.ks-nav.active{color: #014a97;}
.ks-bottom{width: 100%;padding: 0 .2rem;}
.ks-link{display: block;cursor: pointer;width: 100%;padding: .05rem .05rem;text-align: center; color: #ffffff; line-height: .3rem; background-color: #014a97;border-radius: .2rem;}


.k-right{width: calc(965/1920*100%);padding-left: 1.65rem; }
.k-list{width: 100%;position: relative;}
.k-swiper{position: absolute;top: 0;left: -20rem; width: 100%; }
.k-swiper.show{position: relative;left: 0;}
.k-b{width: 100%;}
.k-item{width: 4.6rem;margin-right: .5rem;}
/* .k-item:last-child{margin-right: 0;} */
.k-link{display: block;cursor: pointer; width: 100%;background-color: #ffffff;border-radius: .3rem;overflow: hidden;}
.k-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(276/460*100%);}
.k-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.k-text{width: 100%;padding: .35rem .4rem .65rem;}
.k-time{font-family: ranyRegular;width: 100%;margin-bottom: .2rem; color: #666666;line-height: 1.6;}
.k-name{width: 100%;margin-bottom: .65rem; color: #111111;line-height: 1.5;height: 4.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.k-more{width: 100%;color: #014a97;line-height: 1.6;}
.k-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-link:hover .k-img img{transform: scale(1.05);}
.k-link:hover .k-name{color: #014a97;}

.k-prev{transform: rotate(-180deg); top: auto;bottom: 0;left: -2.45rem;margin-top: 0; width: .8rem;height: .8rem;background-color: #ffffff;border-radius: 0px .08rem .08rem 0px;background-image: url('../images/a2.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.k-next{top: auto;right: auto; bottom: 0;left: -1.65rem;margin-top: 0; width: .8rem;height: .8rem;background-color: #014a97;border-radius: 0px .08rem .08rem 0px;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}


@media(max-width: 850px){ 
    .k-a{padding-top: 30px;padding-bottom: 30px;}
    .k-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .k-left{width: 100%;margin-bottom: 15px;padding: .5rem 10px; min-height: 6rem;} 
    .k-top{min-height: 100px;}
    .k-mores{line-height: 32px;}
    .k-right{width: 100%;padding-left: 0;}
    .k-swiper{padding-bottom: 1rem;}
    .k-item{width: calc(50% - 5px);margin-right: 10px;}
    .k-item:last-child{margin-right: 0;}
    .k-text{padding: 15px 10px;}
    .k-name{margin-bottom: 10px;}
    .k-prev{left: calc(50% - .8rem);}
    .k-next{left: auto;right: calc(50% - .8rem);}

    .k-sub{ top: 25px;left: 50%;transform: translate(-50%,0);}
    .ks-link{padding: 5px;line-height: 20px;border-radius: 15px;}
}

.l-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem; min-height: 7.8rem; position: relative;}
.l-main{width: 16.8rem;margin: 0 auto;}
.l-left{position: relative;z-index: 18; width: 8.4rem;}
.l-titles{width: 100%;margin-bottom: .43rem; color: #111111;line-height: 1.2;}
.l-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.l-item{display: block;width: 100%;position: relative; padding: 0 .2rem; margin-bottom: .2rem;background-color: #f3f5f7;border-radius: .08rem;}
.l-star{position: absolute;top: 0;left: 0;width: .2rem;text-align: right;color: #e50009;line-height: .6rem;height: .6rem;}
.l-input{font-family: ranyLight;display: block;width: 100%;border: none;background-color: transparent;height: .6rem;color: #111;}
.l-textarea{font-family: ranyLight;display: block;width: 100%;border: none;background-color: transparent;padding: .1rem 0;line-height: .4rem; height: 1.8rem;color: #111;}
.l-submit{display: inline-block;cursor: pointer;border: none;cursor: pointer; padding: .23rem .44rem; color: #ffffff;background-color: #014a97;border-radius: .08rem;}
.l-right{position: absolute;top: 0;right: 0;height: 100%;}
.l-img{position: absolute;top: 0;right: 0;height: 100%;}
.l-img img{height: 100%;max-width: none;}

 
@media(min-width: 851px){ 
    .l-list .l-item{width: calc(50% - .1rem);}
}

@media(max-width: 850px){ 
    .l-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .l-left{width: 100%;}
    .l-input{height: 36px;}
    .l-star{line-height: 36px;height: 36px;}
    .l-textarea{padding: 8px 0;line-height: 20px;height: 76px;}
    .l-right{width: 100%;}
    .l-img{width: 100%;}
    .l-img img{width: 100%;object-fit: cover;}
}

.e-a{width: 100%;padding-top: .9rem;padding-bottom: .5rem;}
.e-main{width: 17.4rem;margin: 0 auto;}
.e-titles{width: 100%;margin-bottom: .3rem; text-align: center;line-height: 1.4;}
.e-cont{width: 100%;position: relative;}
.e-top{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 88; }
.e-img{display: inline-block; width: 2.8rem;height: 2.8rem;line-height: 2.8rem;border-radius: 50%; text-align: center;background-image: url('../images/b55.jpg'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.e-img img{max-width: 1.6rem;max-height: 1.6rem;}
.e-b{width: 100%;}
.e-item{width: 100%;padding: .6rem .3rem;display: flex;flex-wrap: wrap; justify-content: space-between;background-color: #fff;}
.e-one{display: block;position: relative;cursor: pointer;width:calc(50% - .1rem);padding: .75rem 1.8rem .78rem .5rem;}
.e-one:before{opacity: .25;width: calc(100% - 1.6rem);z-index: 3;  content: '';position: absolute;top: -.4rem;left: 50%;display: block;height: 100%; transform: translate(-50%,0);background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-one:after{opacity: .5;width: calc(100% - .8rem);z-index: 6; content: '';position: absolute;top: -.2rem;left: 50%;display: block;height: 100%; transform: translate(-50%,0);background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-bg1{opacity: .25;width: calc(100% - 1.6rem);z-index: 1;  content: '';position: absolute;top: -.4rem;left: 50%;display: block;height: 100%; transform: translate(-50%,0);background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-bg2{position: absolute;top: 0;left: 0; z-index: 8; width: 100%;height: 100%; background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-icon{position: relative;z-index: 18;width: 100%;height: .67rem;line-height: .67rem;}
.e-icon img{max-width: 100%;max-height: 100%;}
.e-text{position: relative;z-index: 18;width: 100%;padding-top: 1rem;}
.e-name{width: 100%;margin-bottom: .2rem; color: #111111;line-height: 1.6;}
.e-intro{ font-family: ranyRegular;width: 100%; color: #606266;line-height: 1.28;}
.e-one:nth-child(2n) {text-align: right;padding: .75rem  .5rem .78rem  1.8rem;}

.e-one:before{width: calc(100% - 1.6rem);opacity: .25; top: -.4rem;transition: all  ease 1.5s;}
.e-item.swiper-slide-active  .e-one:before{width: calc(100% - .8rem);opacity: .5; top: -.2rem;}
.e-one:after{width: calc(100% - .8rem);opacity: .25; top: -.2rem;transition: all  ease 1.5s;}
.e-item.swiper-slide-active  .e-one:after{width: 100%;opacity: 1; top: 0;} 
.e-bg1{transition: all  ease .5s; opacity: 0;}
.e-item.swiper-slide-active  .e-bg1{transition-delay: 1s; opacity: .25;} 
.e-bg2{transition: all  ease .5s; opacity: 0;}
.e-item.swiper-slide-active  .e-bg2{transition-delay: 1s; opacity: 1;} 
.e-icon{transition: all  ease .5s;top: 10px; opacity: 0;}
.e-item.swiper-slide-active  .e-icon{top: 0;transition-delay: 1s;opacity: 1;} 
.e-text{transition: all  ease .5s;top: 10px; opacity: 0;}
.e-item.swiper-slide-active  .e-text{top: 0; transition-delay: 1.3s;opacity: 1;} 
  


@media(max-width: 850px){  
    .e-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .e-item{padding-bottom: 10px;}
    .e-one{width: 100%;margin-bottom: .8rem; text-align: left !important;padding: 15px 10px !important;}
    .e-one:last-child{margin-bottom: 0;}
    .e-top{position: relative;top: 0;left: 0;transform: translate(0,0);width: 100%;text-align: center;} 
    .e-text{padding-top: 15px;}
}
 

.banner{width: 100%; }
.banner-main{width: 100%;position: relative; overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 16.8rem; padding-top: .45rem;}
.banner-titles{width: 100%;margin-bottom: .25rem;max-width: 14em; line-height: 1.16; color: #ffffff;}
.banner-intro{width: 100%;margin-bottom: .5rem; max-width: 28em; line-height: 1.6; color: #ffffff;}
.banner-textbox{width: 100%;margin-bottom: .55rem; max-width: 43em; line-height: 1.5; color: #ffffff;}
.banner-more{display: inline-block;cursor: pointer; padding: 0 .3rem;line-height: .56rem;color: #014a97; background-color: #ffffff;border-radius: .08rem;}
.banner-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .33rem;width: .875em;height: 1em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.banner-more:hover{color: #fff;background-color: #014a97;}
.banner-more:hover:after{background-image: url('../images/a2-b.png');}

.banner-dynamic{width: 100%; position: relative;}
.banner-dot{position: absolute;width:  .2rem;height: .2rem;border-radius: 50%;z-index: 8; background-image: url('../images/c40.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}

.banner-dot1{animation: dot1 cubic-bezier(1, 0.99, 1, 1) 3s infinite;}
.banner-dot2{animation: 3s cubic-bezier(1, 0.99, 1, 1) 3s infinite normal none running dot2;}
.banner-dot3{animation: 3s cubic-bezier(1, 0.99, 1, 1) 6s infinite normal none running dot3;}
.banner-dot4{animation: 3s cubic-bezier(1, 0.99, 1, 1) 9s infinite normal none running dot4;}
.banner-dot5{animation: 3s cubic-bezier(1, 0.99, 1, 1) 9s infinite normal none running dot5;}
.banner-dot6{animation: 3s cubic-bezier(1, 0.99, 1, 1) 12s infinite normal none running dot6;}
.banner-dot7{animation: 3s cubic-bezier(1, 0.99, 1, 1) 12s  infinite normal none running dot7;}
.banner-dot8{animation: 3s cubic-bezier(1, 0.99, 1, 1)  15s  infinite normal none running dot8;}
.banner-dot9{animation: 3s cubic-bezier(1, 0.99, 1, 1)   15s infinite normal none running dot9;}
.banner-dot10{animation: 3s cubic-bezier(1, 0.99, 1, 1)  15s   infinite normal none running dot10;}
.banner-dot11{animation: 3s cubic-bezier(1, 0.99, 1, 1)  15s   infinite normal none running dot11;}
.banner-dot12{animation: 3s cubic-bezier(1, 0.99, 1, 1)   18s   infinite normal none running dot12;}
.banner-dot13{animation: 3s cubic-bezier(1, 0.99, 1, 1)    21s   infinite normal none running dot13;}

@keyframes dot1{
	0%{ top: calc(592/600*100%); left: calc(1067/1920*100%);}
	100%{ top: calc(535/600*100%); left: calc(1170/1920*100%);}
}
@keyframes dot2{
	0%{ top: calc(550/600*100%); left: calc(1240/1920*100%);}
	100%{ top: calc(600/600*100%); left: calc(1320/1920*100%);}
}
@keyframes dot3{
	0%{ top: calc(580/600*100%); left: calc(1340/1920*100%);}
	100%{ top: calc(470/600*100%); left: calc(1345/1920*100%);}
}
@keyframes dot4{
	0%{ top: calc(445/600*100%); left: calc(1370/1920*100%);}
	100%{ top: calc(525/600*100%); left: calc(1580/1920*100%);}
}
@keyframes dot5{
	0%{ top: calc(405/600*100%); left: calc(1363/1920*100%);}
	100%{ top: calc(335/600*100%); left: calc(1400/1920*100%);}
}
@keyframes dot6{
	0%{ top: calc(505/600*100%); left: calc(1630/1920*100%);}
	100%{ top: calc(420/600*100%); left: calc(1685/1920*100%);}
}
@keyframes dot7{
	0%{ top: calc(270/600*100%); left: calc(1390/1920*100%);}
	100%{ top: calc(220/600*100%); left: calc(1325/1920*100%);}
}
@keyframes dot8{
	0%{ top: calc(405/600*100%); left: calc(1745/1920*100%);}
	100%{ top: calc(420/600*100%); left: calc(1915/1920*100%);}
}
@keyframes dot9{
	0%{ top: calc(375/600*100%); left: calc(1685/1920*100%);}
	100%{ top: calc(190/600*100%); left: calc(1575/1920*100%);}
}
@keyframes dot10{
	0%{ top: calc(160/600*100%); left: calc(1310/1920*100%);}
	100%{ top: calc(120/600*100%); left: calc(1375/1920*100%);}
}
@keyframes dot11{
	0%{ top: calc(140/600*100%); left: calc(1260/1920*100%);}
	100%{ top: calc(70/600*100%); left: calc(1240/1920*100%);}
}
@keyframes dot12{
	0%{ top: calc(110/600*100%); left: calc(1425/1920*100%);}
	100%{ top: calc(155/600*100%); left: calc(1535/1920*100%);}
}
@keyframes dot13{
	0%{ top: calc(135/600*100%); left: calc(1570/1920*100%);}
	100%{ top: calc(0/600*100%); left: calc(1625/1920*100%);}
}

@media(max-width: 1200px){
    .banner-text{padding-top: 0;}
}
 
@media(max-width: 850px){
    .banner-img img{min-height: 200px;object-fit: cover;}
    .banner-text{width: 100%;padding-left: 10px;padding-right: 10px;}
    .banner-titles{max-width: 100%; font-size: 20px;}
    .banner-intro{margin-bottom: .25rem; font-size: 14px;line-height: 1.3;}
    .banner-textbox{margin-bottom: .25rem; font-size: 12px;line-height: 1.3;}
    .banner-more{line-height: 32px;}

    .banner-dynamic img{min-height: 100px;}
}

.nav{width: 100%;border-bottom: 1px solid #dddddd;overflow: hidden;}
.nav-main{width: 16.8rem;margin: 0 auto;}
.nav-cont{width: 100%;}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{float: left;font-size: 0;}
.nav-item{ font-family: ranyRegular; display: inline-block;vertical-align: top;color: #666666;line-height: .7rem;}
.nav-item:after{content: '/'; display: inline-block;vertical-align: middle;margin: 0 .08rem;}
.nav-item:last-child:after{display: none;}
.nav-item:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-top: -.3em; margin-right: .1rem; width: 1.06em;height: 1.5em;background-image: url('../images/a1.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.nav-right{float: right;font-size: 0;}
.nav-one{display: inline-block;vertical-align: top;margin-right: .4rem; cursor: pointer;line-height: .7rem;color: #666666;}
.nav-one:last-child{margin-right: 0;}
.nav-one:hover{color: #014a97;}
.nav-one.active{color: #014a97;}

@media(max-width: 850px){
    .nav-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .nav-left{width: 100%;white-space: nowrap;overflow: auto;}
    .nav-right{width: 100%;white-space: nowrap;overflow: auto;text-align: center;}
    .nav-one{margin: 0 5px;font-size: 12px;}
}

.sidebar{position: fixed;top: 50%;right: .1rem;transform: translate(0,-50%);z-index: 88;}
.sidebar-item{display: block;margin: .2rem 0;}
.sidebar-link{position: relative;top: 0;transition: all ease .5s; display: flex;align-items: center;align-content: center; flex-wrap: wrap;cursor: pointer; text-align: center;width: 6.66em;height: 6.66em;border-radius: 50%; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.sidebar-icon{width: 100%;height: .25rem;line-height: .25rem;}
.sidebar-icon img{max-width: 100%;max-height: 100%;}
.sidebar-name{width: 100%;color: #014a97;line-height: 1;margin-top: .05rem;}



.sidebar-link.opan-message{background-color: #014a97;}
.sidebar-link.opan-message .sidebar-name{ color: #fff;}
@media(min-width: 850px){
    .sidebar-link:hover{top: -.1rem;}
}
@media(max-width: 850px){
    .footer{padding-bottom: 65px;}
    .sidebar{ top: auto;transform: translate(0,0); bottom: 0;left: 0;display: flex;flex-wrap:wrap;}
    .sidebar-item{display: block;width: 33.33%;margin: 0;}
    .sidebar-link{width: 100%;height: 65px;border-radius: 0;}
    .sidebar-name{ word-break: break-all;}
    .sidebar-icon{height: 30px;line-height: 30px;}
    .sidebar-icon img{max-height: 20px;max-width: 20px;}

    .lm-cont{bottom: 75px !important;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{font-family: ranyRegular;transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer; margin: .1rem; color: #606266;	min-width: .56rem;height: .56rem;line-height: .56rem;background-color: #ffffff;border-radius: .08rem;}
.paging-item:hover{background-color: #014a97;color: #ffffff;}
.paging-item.active{background-color: #014a97;color: #ffffff;}
.paging-up{transform: rotate(-180deg); transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;  min-width: .56rem;height: .56rem; background-color: #ffffff;border-radius: .08rem;background-image: url('../images/a2.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{ background-color: #014a97;background-image: url('../images/a2-b.png');}
.paging-next{transition: all ease .5s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem;  min-width: .56rem;height: .56rem; background-color: #ffffff;border-radius: .08rem;background-image: url('../images/a2.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: #014a97;background-image: url('../images/a2-b.png');}

@media(max-width: 1150px){
    .paging-item{min-width: 35px;height: 35px;line-height: 35px;}
    .paging-up{min-width: 35px;height: 35px;}
    .paging-next{min-width: 35px;height: 35px;}
}

.leave-message *{box-sizing: border-box;}
.leave-message{box-sizing: border-box;} 
.lm-buttom{position: fixed;top: 70%; right: 0;transform: translate( 100%,-50%);z-index: 38; display: block;cursor: pointer;}
.lm-text{display: inline-block;white-space: nowrap;transform: rotate(90deg);transform-origin: top left; padding:  0 .35rem;color: #ffffff;line-height: 3em; background-color: #014a97;}

.lm-cont{opacity: 0;z-index: -1;visibility: hidden;position: fixed;bottom: .5rem;right: 0;z-index: 88; width: 4.8rem;min-width: 300px; background-color: #ffffff;border-radius: .2rem 0px 0px .2rem;overflow: hidden; box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
body.show_message .lm-cont{opacity: 1;z-index: 288;visibility: visible;transition: all ease .5s;}
.lm-form{width: 100%;} 
.lm-top{width: 100%;position: relative; padding-left: .35rem;padding-right: .65rem; background-color: #014a97;}
.lm-titles{width: 100%;color: #ffffff;line-height: .7rem;}
.lm-close{position: absolute;top: 0;right: .3rem;display: block;cursor: pointer; width: .35rem;height: 100%;background-image: url('../images/a23.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.lm-bottom{width: 100%;padding: .4rem .35rem .4rem;}

.lm-item{width: 100%;position: relative;padding: 0 .2rem;margin-bottom: .2rem; background-color: #f3f5f7;border-radius: .08rem;}
.lm-star{position: absolute;top: 0;left: 0;width: .2rem;text-align: right;color: #e50009;line-height: .6rem;}
.lm-input{font-family: ranyLight;display: block;border: none;background-color: transparent; width: 100%;height: .6rem; color: #111;}
.lm-textarea{font-family: ranyLight;display: block;border: none;background-color: transparent;width: 100%;padding: .1rem 0;line-height: .4rem; height: 2rem; color: #111;}
.lm-submit{display: block;cursor: pointer; border: none;width: 100%;height: .6rem;line-height: .6rem; color: #ffffff;background-color: #014a97;border-radius: .08rem;}

.lm-label{width: 100%;font-size: 0;padding-top: .1rem;padding-bottom: .3rem;}
.lm-form .lb-label{position: relative;display: inline-block;vertical-align: top;padding: .1rem 0; cursor: pointer;width: 50%;}
.lm-form .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: top;width: .3rem;height: .3rem;background-color: #f3f5f7;border-radius: .08rem;margin-right: .1rem;}
.lm-form .lb-text{font-family: ranyLight;display: inline-block;vertical-align: top;width: calc(100% - .5rem); color: #111111;line-height: 1.5;user-select:none;}
.lm-form .lb-label.selected .lb-icon{background-color: #014a97;background-image: url('../images/a58.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.lm-form .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}


.star-score{display: inline-block; position: relative;margin-left: -.05rem; font-size: 0;margin-bottom: .45rem;}
.star-score>div{width: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.star-score img{width: .16rem;height: .16rem;margin: 0 .05rem; cursor: pointer;}
.star-score .score-inner{font-size: 0;}

.g-a .star-score{margin-left: 0;margin-bottom: 0;}
.g-a .star-score img{width: .2rem;height: .2rem; margin: 0 .1rem;}



.my-top{width: 100%;}
.my-titles{width: 100%;text-align: center;margin-bottom: .65rem; color: #111111;line-height: 1.2;}

.wa-a{width: 100%;padding-top: .75rem;padding-bottom: .45rem;}
.wa-main{width: 16.8rem;margin: 0 auto;}
.wa-titles{width: 100%;margin-bottom: .55rem; text-align: center;color: #111111;line-height: 1.2;}
.wa-textbox{font-family: ranyRegular;width: 100%;margin-bottom: .3rem; color: #606266;line-height: 2;text-align: justify;}
.wa-textbox *{line-height: inherit;}
.wa-linkbox{width: 100%;position: relative; font-size: 0;text-align: center;padding-top: .35rem;}
.wa-b{display: inline-block;max-width: 100%;}
.wa-link{display: inline-block;vertical-align: top;width: auto; cursor: pointer;margin-bottom: .35rem; min-width: 1.9rem;text-align: center;padding: 0 .1rem;}
.wa-icon{display: inline-block;}
.wa-icon1{display: block;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%;background-color: #f3f5f7;}
.wa-icon1 img{max-width: 40%; max-height: 37%;}
.wa-icon2{display: none;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.wa-icon2 img{max-width: 40%; max-height: 37%;} 
.wa-name{width: 100%;margin-top: .27rem; color: #191919;line-height: 1.5;}
.wa-link:hover .wa-icon1{display: none;}
.wa-link:hover .wa-icon2{display: block;}
.wa-link:hover .wa-name{color: #014a97;}

.wa-prev{left: 0;margin-top: -.25rem; width: .27rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wa-prev:hover{background-image: url('../images/a26-b.png');}
.wa-next{transform: rotate(-180deg); right: 0;margin-top: -.25rem; width: .27rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wa-next:hover{background-image: url('../images/a26-b.png');}

.wb-main{margin-bottom: .5rem !important;}
.wb-main:last-child{margin-bottom: 0 !important;}
@media(max-width: 850px){
    .wa-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}  
    .wa-link{min-width: 50%;}
}

.wb-a{width: 100%;padding-top: .55rem;padding-bottom: .75rem; background-color: #f3f5f7;}
.wb-main{width: 16.8rem;margin: 0 auto;}
.wb-b{width: 100%;margin-bottom: .45rem; display: flex;align-items: center;justify-content: space-between;}
.wb-titles{flex: 1;padding-right: .1rem;  color: #111111;line-height: 1.27;}
.wb-mores{font-family: ranyLight;display: block;cursor: pointer; color: #111111;line-height: 1.7;}
.wb-mores:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wb-mores:hover{color: #014a97;}
.wb-mores:hover:after{background-image: url('../images/a2.png');}

.wb-top{width: 100%;}
.wb-one{display: block;cursor: pointer;font-size: 0;margin-bottom: .25rem; width: 100%;background-color: #ffffff;}
.wb-lt{display: inline-block;vertical-align: middle;width: 64.2%;}
.wb-one .wb-img{width: 100%;overflow: hidden;}
.wb-one .wb-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.wb-rt{display: inline-block;vertical-align: middle; width: 35.8%;padding:  .15rem .65rem;}
.wb-one .wb-name{width: 100%;margin-bottom: .95rem; color: #111111;line-height: 1.33; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wb-one .wb-more{display: inline-block; padding: 0 .3rem;line-height: .56rem;color: #fff; background-color: #014a97;border-radius: .28rem;}
.wb-one .wb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .875em;height: 1em;background-image: url('../images/a2-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wb-one:hover .wb-img img{transform: scale(1.02);}
.wb-one:hover .wb-name{color: #014a97;}

.wb-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wb-left{display: block;cursor: pointer;margin-bottom: .25rem; padding: 1.1rem .1rem .3rem;text-align: center; width: 8.3rem;background-color: #ffffff;}
.wb-left .wb-img{width: 100%;height: 5.5rem;line-height: 5.5rem;}
.wb-left .wb-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.wb-left .wb-text{width: 100%;padding-bottom: .3rem;}
.wb-left .wb-name{width: 100%;margin-bottom: .3rem; line-height: 1.27;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.wb-left .wb-intro{font-family: ranyLight;width: 100%;margin-bottom: .55rem; color: #606266;line-height: 1.6; }
.wb-left .wb-intro *{line-height: inherit;} 
.wb-left .wb-more{display: inline-block; padding: 0 .3rem;line-height: .56rem;color: #111111; background-color: #fff;border-radius: .28rem;border: solid .02rem #f3f5f7;}
.wb-left .wb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wb-left:hover .wb-img img{transform: scale(1.02);}
.wb-left:hover .wb-name{color: #014a97;}
.wb-left:hover   .wb-more{color: #fff;background-color: #014a97; border: solid .02rem #014a97;}
.wb-left:hover   .wb-more:after{background-image: url('../images/a2-b.png');}

.wb-right{width: 8.25rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wb-item{display: block;cursor: pointer; position: relative; width: 4rem;padding: .7rem .1rem .83rem;margin-bottom: .25rem; text-align: center; background-color: #ffffff;}
.wb-item .wb-img{width: 100%;height: 1.5rem;line-height: 1.5rem;}
.wb-item .wb-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.wb-item .wb-text{width: 100%;padding-top: .77rem;}
.wb-item .wb-name{width: 100%;margin-bottom: .1rem; line-height: 1.25;height: 2.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wb-item .wb-intro{  font-family: ranyLight; width: 100%;color: #606266;line-height: 1.7; }
.wb-item .wb-intro *{line-height: inherit;}
.wb-item .wb-more{font-family: ranyLight;position: absolute;bottom: .35rem;left: 0;  z-index: 18;  width: 100%;color: #111111;line-height: 1.7;}
.wb-item .wb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wb-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem .15rem .9rem; max-height: 100%;overflow: auto;background-color: rgba(1,74,151,1);}
.wb-textbox {width: 100%;color: #fff;line-height: 1.3;text-align: left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wb-textbox *{line-height: inherit;}

.wb-item:hover .wb-sub{opacity: 1;z-index: 8;visibility: visible;}
.wb-item:hover .wb-more{color: #fff;}
.wb-item:hover .wb-img img{transform: scale(1.05);}
.wb-item:hover .wb-more:after{background-image: url('../images/a2-b.png');}

@media(max-width: 850px){
    .wb-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}  
    .wb-lt{width: 100%;}
    .wb-rt{width: 100%;padding: 15px 10px;}
    .wb-one .wb-name{margin-bottom: 15px;}
    .wb-one .wb-more{ line-height: 32px;border-radius: 16px;}

    .wb-left{width: 100%;padding: 30px 10px 10px;}
    .wb-left .wb-more{ line-height: 32px;border-radius: 16px;}

    .wb-right{width: 100%;}
    .wb-item{width: calc(50% - 5px);padding-bottom: 1rem;}
    .wb-sub{padding: .3rem 10px 1.1rem;}
}

.wc-a{width: 100%;padding-top: .75rem;padding-bottom: .7rem;}
.wc-main{width: 16.8rem;margin: 0 auto;}
.wc-titles{width: 100%;margin-bottom: .45rem; color: #111111;line-height: 1.2;}
.wc-cont{width: 100%;padding-bottom: .3rem;}
.wc-item{display: block;width: 100%;padding: .05rem 0; border-top: 1px solid #cccccc;}
.wc-item:last-child{border-bottom: 1px solid #cccccc;}
.wc-buttom{width: 100%;position: relative;display: block;cursor: pointer; padding: .1rem 0;padding-right: .2rem; }
.wc-buttom:after{content: '';position: absolute;top: 0;right: 0;width: .12rem;height: 100%;background-image: url('../images/a9.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wc-name{font-family: ranyRegular; color: #111111;line-height: 1.5;}
.wc-sub{display: none;width: 100%;padding-bottom: .2rem;}
.wc-textbox{font-family: ranyLight;width: 100%;color: #606266;line-height: 1.87;}
.wc-textbox *{line-height: inherit;}

.wc-item.show{border-top: 1px solid #014a97;}
.wc-item.show .wc-buttom:after{background-image: url('../images/a9-b.png');}
.wc-item.show .wc-name{font-family: bold;color: #014a97;}

.wc-a.black{overflow: hidden;padding-bottom: 0; background-color: #f3f5f7;}
.wc-a.black .wc-cont{padding-bottom:  1rem;}
.wc-a.black .share-main{position: relative;padding: .5rem 0;}
.wc-a.black .share-main:after{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%,0); width: 20rem;height: 100%;background-color: #fff;}

.wc-a.bottom {padding-bottom: 0;overflow: hidden;}
.wc-a.bottom .wf-bottom{margin-top: .7rem;}
@media(max-width: 850px){
    .wc-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}  
}

.share-main{width: 100%;max-width: 16.8rem;margin: 0 auto; text-align: right;font-size: 0;padding: .3rem 0;}
.share-tip{position: relative;z-index: 1; display: inline-block;vertical-align: middle; color: #111111;line-height: 1.5;}
.share-list{position: relative;z-index: 1;display: inline-block;vertical-align: middle;}
.share-item{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; text-align: center; margin-left: .1rem;}
.share-icon1{display: block;width: .45rem;height: .45rem;line-height: .45rem; border-radius: 50%;background-color: #f3f5f7;}
.share-icon1 img{max-width: 48%; max-height: 40%;}
.share-icon2{display: none;width: .45rem;height: .45rem;line-height: .45rem; border-radius: 50%;background-color: #014a97;}
.share-icon2 img{max-width: 48%; max-height: 40%;}

.share-item:hover .share-icon1{display: none;}
.share-item:hover .share-icon2{display: block;}
.social-share .icon-wechat .wechat-qrcode{z-index: 28;}
@media(max-width: 1350px){
    .share-icon1{width: 32px;height: 32px;line-height: 32px;}
    .share-icon2{width: 32px;height: 32px;line-height: 32px;}
}

.wd-a{width: 100%;padding-top: .55rem;border-top: 1px solid #f3f5f7;}
.wd-main{width: 16.8rem;margin: 0 auto;}
.wd-cont{width: 100%;}
.wd-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wd-left{float: left;width: 12.4rem;} 
.wd-titles{width: 100%;margin-bottom: .35rem;color: #111111;line-height: 1.27;}
.wd-list{width: 100%;padding-top: .1rem;font-size: 0;display: flex;flex-wrap: wrap;}
.wd-item{display: block;cursor: pointer; position: relative; width: 23.79%;padding: .6rem .1rem .65rem;margin-right: 1.61%; margin-bottom: .25rem; text-align: center; background-color: #ffffff;}
.wd-item:nth-child(4n){margin-right: 0;}
.wd-item .wd-img{width: 100%;height: 1.3rem;line-height: 1.3rem;}
.wd-item .wd-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.wd-item .wd-text{width: 100%;padding-top: .68rem;}
.wd-item .wd-name{width: 100%;margin-bottom: .1rem; line-height: 1.2;height: 2.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wd-item .wd-intro{  font-family: ranyLight; width: 100%;color: #606266;line-height: 1.7; }
.wd-item .wd-intro *{line-height: inherit;}
.wd-item .wd-more{font-family: ranyLight; position: absolute;bottom: .25rem;left: 0;z-index: 18; width: 100%;color: #111111;line-height: 1.7;}
.wd-item .wd-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wd-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem .15rem .9rem; max-height: 100%;overflow: auto;background-color: rgba(1,74,151,1);}
.wd-textbox {width: 100%;color: #fff;line-height: 1.3; text-align: left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wd-textbox *{line-height: inherit;}

.wd-item:hover .wd-sub{opacity: 1;z-index: 8;visibility: visible;}
.wd-item:hover .wd-more{color: #fff;}
.wd-item:hover .wd-img img{transform: scale(1.05);}
.wd-item:hover .wd-more:after{background-image: url('../images/a2-b.png');}

.wd-right{float: right;width: 4.1rem;}
.wd-navbox{width: 100%;font-size: 0;}
.wd-nav{font-family: ranyLight;display: inline-block;vertical-align: top;cursor: pointer; margin-right: .1rem;margin-bottom: .1rem; padding: 0 .15rem;color: #999999;line-height: .4rem; border: solid 1px #eeeeee;}
.wd-nav:hover{color: #fff; border: solid 1px #014a97;background-color: #014a97;}


@media(max-width: 850px){
    .wd-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wd-left{width: 100%;margin-bottom:15px;}
    .wd-item{width: calc(50% - 5px);margin-right: 10px;padding-bottom: .9rem;}
    .wd-item:nth-child(2n){margin-right: 0;}
    .wd-sub{padding-bottom: 1.1rem;}
    .wd-right{width: 100%;}
    .wd-nav{line-height: 26px;margin-bottom: 10px;}
}


.we-a{width: 100%;padding-top: .75rem;padding-bottom: .8rem;}
.we-main{width: 16.8rem;margin: 0 auto;}
.we-cont{width: 100%;}
.we-item{transition: all ease .5s;position: relative; display: flex;align-items: center;justify-content: space-between;overflow: hidden;width: 100%;cursor: pointer; padding: 0 .6rem;margin-bottom: .4rem;background-color: #f3f5f7;}
.we-item:after{content: '';position: absolute;top: 0;left: 0;width: 0;transition: all ease .5s;height: .02rem;background-color: #014a97;}
.we-lt{width: 3.6rem;}
.we-img{width: 100%;position: relative;overflow: hidden; padding-top: calc(360/380*100%);}
.we-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.we-rt{width: 11.4rem;}
.we-name{width: 100%;margin-bottom: .25rem; color: #111111;line-height: 1.41; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.we-intro{font-family: ranyLight;width: 100%;margin-bottom: .45rem; color: #606266;line-height: 1.6; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.we-more{font-family: ranyLight;width: 100%;color: #014a97;}
.we-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .18rem;width: .875em;height: 1em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.we-item:hover{	background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.we-item:hover:after{width: 100%;}
.we-item:hover .we-name{color: #014a97;}

@media(max-width: 850px){
    .we-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .we-item{padding:15px 10px;}
    .we-lt{width: 100px;}
    .we-rt{width: calc(100% - 110px);} 
    .we-name{margin-bottom: 10px;}
    .we-intro{margin-bottom: 15px;}
}

.product-main{position: fixed;top: 1.6rem;right: .1rem;z-index: 188;}
.product-menu{position: relative;top: 0;transition: all ease .5s; display: flex;align-items: center;align-content: center;text-align: center;flex-wrap: wrap;cursor: pointer; width: .8rem;height: .8rem;border-radius: 50%; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.product-menu:hover{top: -.1rem;}
.product-icon{width: 100%;}
.product-icon img{height: .25rem;}
.product-tip{font-family: ranyRegular;width: 100%; color: #014a97;margin-top: .05rem;line-height: 1;}

.product-sub{opacity: 0;visibility: hidden;z-index: -1;transition: all ease .5s; position: absolute;top: 0;right: 0;width: 1.8rem;min-width: 150px; padding: .2rem 0; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);border-radius: .2rem;}
.product-main.show .product-sub{opacity: 1;visibility: visible;z-index: 8;}
.product-close{position: absolute;top: 0;right: 0;display: block;cursor: pointer; width: .3rem;height: .3rem;background-image: url('../images/a23-b.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.product-cont{width: 100%;}
.product-top{width: 100%; padding-bottom: .17rem;}
.product-item{font-family: ranyRegular;position: relative;cursor: pointer; display: block;width: 100%; padding: .08rem .1rem;text-align: center; line-height: 2; color: #606266;}
.product-item:before{opacity: 0; content: '';position: absolute;top: 50%;left: 0;margin-top: -.05rem; width: .03rem;height: .1rem;background-color: #014a97;border-radius: .02rem;}

.product-item.active{color: #014a97;}
.product-item.active:before{opacity: 1;}

.product-bottom{width: 100%;padding: 0 .2rem;}
.product-link{display: block;cursor: pointer;width: 100%;padding: .05rem .05rem;text-align: center; color: #ffffff; line-height: .3rem; background-color: #014a97;border-radius: .2rem;}


@media(min-width: 850px){
    .product-item:hover{color: #014a97;}
    .product-item:hover:before{opacity: 1;}
}

@media(max-width: 1200px){
   .product-menu{width: 50px;height: 50px;}
}

@media(max-width: 850px){
    .product-menu{width: 40px;height: 40px;}
    .product-tip{font-size: 10px;}
    .product-close{width: 15px;height: 15px;}
    .product-link{padding: 5px;line-height: 20px;border-radius: 15px;}
}

.wf-a{width: 100%;padding-top: .75rem; overflow: hidden;}
.wf-main{width: 16.8rem;margin: 0 auto;}
.wf-top{width: 100%;padding-bottom: .7rem;}
.wf-list{width: 100%;}
.wf-one{display: block;text-align: center;margin-bottom: .4rem;}
.wf-titles{width: 100%;margin-bottom: .75rem; color: #111111;line-height: 1.2;}
.wf-name{width: 100%;position: relative; text-align: center;padding-bottom: .3rem;margin-bottom: .35rem; color: #111111;line-height: 1.27;}
.wf-name:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-image: url('../images/a21.png'); background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.wf-textbox{font-family: ranyLight;width: 100%;padding: 0 2rem; color: #606266;line-height: 1.5;}
.wf-textbox *{line-height: inherit;max-width: 100%;}
.wf-textbox img{max-width: 80%;}

.wf-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; position: relative;}
.wf-bottom:before{content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%,0);width: 19.2rem;height: 1px; background-color: #dddddd;}
.wf-item{display: flex;flex-wrap: wrap;}
.wf-tip{ font-family: ranyRegular;color: #666666;line-height: .7rem;}
.wf-link{cursor: pointer;  max-width: 7rem; color: #666666;line-height: .7rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wf-link:hover{color: #014a97;}

@media(max-width: 850px){
    .wf-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .wf-textbox{padding: 0;}
    .wf-item{width: 100%;}
    .wf-link{width: calc(100% - 4em);}
}

.wg-a{width: 100%;padding-top: .6rem;padding-bottom: .7rem; background-color: #f3f5f7;}
.wg-main{width: 16.8rem;margin: 0 auto;}
.wg-titles{width: 100%;color: #111111;margin-bottom: .45rem;line-height: 1.27;}
.wg-top{width: 100%;padding: .4rem .4rem .55rem; background-color: #ffffff;margin-bottom: .35rem;}
.wg-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.wg-lt{float: left;display: block;width: 6.8rem; cursor: pointer;}
.wg-lt .wg-img{width: 100%;height: 4.9rem; position: relative;overflow: hidden;}
.wg-lt .wg-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wg-lt .wg-text{width: 100%;padding-top: .55rem;}
.wg-lt .wg-name{ color: #111111;left: 1.27;} 
.wg-lt:hover .wg-img img{transform: scale(1.02);}
.wg-lt:hover .wg-name{color: #014a97;}

.wg-rt{float: right;font-size: 0;width: 9.14rem;position: relative;} 
.wg-one{display: inline-block;vertical-align: top;position: relative; cursor: pointer;width: 4.5rem;}
.wg-one .wg-img{width: 100%;height: 4.9rem; position: relative;overflow: hidden;}
.wg-one .wg-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wg-one .wg-text{position: absolute;top: 0;left: 0;width: 100%;padding: .1rem;}
.wg-one .wg-name{font-family: ranyRegular; display: inline-block;padding: 0 .1rem;max-width: 100%;line-height: .4rem;color: #fff; background-color: rgba(0,0,0,.5);  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wg-one:hover .wg-img img{transform: scale(1.05);}



.wg-bottom{width: 100%;display: flex;flex-wrap: wrap;font-size: 0;} 
.wg-item{display: block;cursor: pointer; position: relative; width: 23.8%; padding: .7rem .1rem .83rem;margin-right: 1.59%; margin-bottom: .3rem; text-align: center; background-color: #ffffff;}
.wg-item:nth-child(4n){margin-right: 0;}
.wg-item .wg-img{width: 100%;height: 1.5rem;line-height: 1.5rem;}
.wg-item .wg-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.wg-item .wg-text{width: 100%;padding-top: .77rem;}
.wg-item .wg-name{width: 100%;margin-bottom: .1rem; line-height: 1.25;height: 2.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wg-item .wg-intro{  font-family: ranyLight; width: 100%;color: #606266;line-height: 1.7; }
.wg-item .wg-intro *{line-height: inherit;}
.wg-item .wg-more{font-family: ranyLight;position: absolute;bottom: .35rem;left: 0;z-index: 18; width: 100%;color: #111111;line-height: 1.7;}
.wg-item .wg-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wg-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem .15rem .9rem; max-height: 100%;overflow: auto;background-color: rgba(1,74,151,1);}
.wg-textbox {width: 100%;color: #fff;line-height: 1.3;text-align: left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wg-textbox *{line-height: inherit;}

.wg-item:hover .wg-sub{opacity: 1;z-index: 8;visibility: visible;}
.wg-item:hover .wg-more{color: #fff;}
.wg-item:hover .wg-img img{transform: scale(1.05);}
.wg-item:hover .wg-more:after{background-image: url('../images/a2-b.png');}



@media(min-width: 850px){
    .wg-one:nth-child(2){position: absolute;top: 0;right: 0;}
    .wg-one:nth-child(2) .wg-img{height: 2.4rem;}
    .wg-one:nth-child(3){position: absolute;bottom: 0; right: 0;}
    .wg-one:nth-child(3) .wg-img{height: 2.4rem;}
}
@media(max-width: 850px){
    .wg-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}  
    .wg-top{padding: 10px ;}
    .wg-lt{width: 100%;margin-bottom: 25px;}
    .wg-lt .wg-img{height: auto;padding-top: calc(490/680*100%);}
    .wg-rt{width: 100%;}

    .wg-one{width: 100%;margin-bottom: 10px;}
    .wg-one .wg-name{line-height: 30px;}
    .wg-one .wg-img{height: auto;padding-top: calc(490/450*100%);} 
    .wg-one:nth-child(2) .wg-img{height: auto;padding-top: calc(240/450*100%);} 
    .wg-one:nth-child(3) .wg-img{height: auto;padding-top: calc(240/450*100%);} 


    .wg-item{width: calc(50% - 5px);padding-bottom: 1rem;}
    .wg-item:nth-child(2n){margin-right: 0;}
    .wg-sub{padding: .3rem 10px 1.1rem;}
}


.wh-a{width: 100%;overflow: hidden;margin-top: .7rem;}
.wh-main{width: 17.25rem;margin: 0 auto;}
.wh-titles{width: 100%;margin-bottom: .28rem; text-align: center;color: #111111;line-height: 1.2;}
.wh-top{width: 100%;padding-bottom: .6rem;}
.wh-subtitle{width: 100%;position: relative; text-align: center;padding-bottom: .4rem;margin-bottom: .15rem; color: #111111;line-height: 1.27;}
.wh-subtitle:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-image: url('../images/a21.png'); background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}

.wh-swiper1{width: 100%;position: relative;}
.wh-b{width: 100%;}
.wh-item{display: block;height: auto;width: 5.3rem;padding: .45rem .4rem .4rem 1.5rem; margin: .2rem .225rem;position: relative;background-color: #f3f5f7;	background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f7 100%);box-shadow: 0px .1rem .2rem 0px rgba(1, 74, 151, 0.1);}
.wh-item .wh-img{position: absolute;top: .4rem;left: 0.4rem;width: .8rem;height: .8rem;border-radius: 50%;overflow: hidden;}
.wh-item .wh-img img{width: 100%;height: 100%;object-fit: cover;}
.wh-item .wh-text{width: 100%;position: relative;}
.wh-item .wh-text:before{content: '';position: absolute;top: -.15rem;left: -.2rem;width: .42rem;height: .34rem;background-image: url('../images/a24.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wh-item .wh-intro{ font-family: ranyLight;position: relative;z-index: 1;width: 100%;margin-bottom: .25rem; color: #606266;line-height: 1.5;}
.wh-item .wh-name{width: 100%;text-align: right; color: #111111;line-height: 1.5;}
  
.wh-center{width: 100%;padding-bottom: .45rem;}
.wh-swiper2{width: 100%;position: relative;}
.wh-c{width: 100%;}
.wh-one{width: 25%;padding: .2rem .225rem;text-align: center;}
.wh-d{width: 100%;height:3.1rem;display: flex; align-items: center; justify-content: center;}
.wh-box{display: inline-block;max-width: 3.1rem; position: relative;z-index: 18;padding: .11rem;}
.wh-one .wh-img{max-width: 100%;max-height:2.8rem;}
.wh-one .wh-img img{cursor: pointer; max-width: 100%;max-height:2.8rem;}
.wh-span{position: absolute;background-size: 100% 100%; background-repeat: no-repeat;}
.wh-span1{top: 0;left: 0;width: .11rem;height: .11rem;background-image: url('../images/a27.png');}
.wh-span2{top: 0;left: .1rem;width: calc(100% - .2rem);height: .11rem;background-image: url('../images/a27-b.png');}
.wh-span3{top: 0;right:   0 ;width:.11rem;height: .11rem;background-image: url('../images/a27-c.png');}
.wh-span4{top: .1rem;right:0 ;width:.11rem;height: calc(100% - .2rem);background-image: url('../images/a27-d.png');}
.wh-span5{bottom: 0; right:0 ;width:.11rem;height:.11rem;background-image: url('../images/a27-e.png');}
.wh-span6{bottom: 0; right:.1rem;width:calc(100% - .2rem);height:.11rem;background-image: url('../images/a27-f.png');}
.wh-span7{bottom: 0; left: 0;width: .11rem;height: .11rem;background-image: url('../images/a27-g.png');}
.wh-span8{bottom: .1rem; left: 0;width:.11rem;height: calc(100% - .2rem);background-image: url('../images/a27-h.png');}
.wh-one .wh-name{margin-top: .35rem; width: 100%;color: #111111;line-height: 1.6;}

.wh-bottom{width: 100%;padding-bottom: .5rem;}
.wh-swiper3{width: 100%;position: relative;padding: 0 .225rem;}
.wh-e{width: 100%;}
.wh-td{width: 6.6rem;padding: .2rem  0;}
.wh-link{display: block;width: 100%;position: relative;cursor: pointer;	box-shadow: 0px .1rem .1rem 0px rgba(1, 74, 151, 0.1);}
.wh-link .wh-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(384/660*100%);}
.wh-link .wh-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wh-link .wh-text{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;text-align: center; padding: .15rem 10px;}
.wh-link .wh-name{width: 100%; color: #ffffff;line-height: 1.5;}

.wh-link:hover .wh-img img{transform: scale(1.05); }

.wh-td.swiper-slide-active .wh-text{opacity: 1;}

.wh-prev{left: -.23rem;margin-top: -.25rem; width: .37rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wh-prev:hover{background-image: url('../images/a26-b.png');}
.wh-next{transform: rotate(-180deg); right: -.23rem;margin-top: -.25rem; width: .37rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wh-next:hover{background-image: url('../images/a26-b.png');}

@media(max-width: 1920px){
    .wh-prev{background-size: 7px auto;}
    .wh-next{background-size: 7px auto;}
}

@media(max-width: 850px){ 
    .wh-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wh-item{width: calc(100% - 20px); margin: 10px;} 
    .wh-one{width: 50%; padding: 10px 5px; } 
    .wh-td{width: 90%;} 
    .wh-swiper3{padding: 0 5px;} 
    
}

.wi-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem; border-bottom: 1px solid #dddddd;}
.wi-main{width: 16.8rem;margin: 0 auto;}
.wi-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} 
.wi-left{width: 8.4rem;}
.wi-big{width: 100%;margin-bottom: .1rem;}
.wi-b{width: 100%;}
/* .wi-item{width: 100%;position: relative;}
.wi-img{width: 100%;}
.wi-img img{width: 100%;cursor: pointer;} */ 

.wi-b:hover{overflow: visible;}
.wi-b:hover .swiper-slide{visibility: hidden !important;}
.wi-b:hover .swiper-slide.swiper-slide-active{visibility: visible !important;} 
.wi-b:hover .swiper-slide .MagicZoomPlusHint{visibility: hidden !important;}
.MagicZoomPlusHint{visibility: hidden !important;}
.wi-b:hover .swiper-slide.swiper-slide-active .MagicZoomPlusHint{visibility: visible !important;}
.wi-b img{max-width: none;}
.wi-item{width: 100%; cursor: pointer; }
.wi-item .wi-img{display: block;width: 100% ;padding-top: calc(630/840*100%);} 
.wi-item .wi-img img{width: 100% ;height: 100%; position: absolute;left: 0;top: 0;object-fit: contain;}
.wi-item.swiper-slide-active{pointer-events: auto;opacity: 1;}

.wi-buttom{position: absolute;bottom: .1rem;right: 0;display: block;cursor: pointer; width: .2rem;}
.wi-buttom img{width: 100%;}

.wi-small{width: 100%;position: relative;}
.wi-c{width: 100%;}
.wi-nav{display: block;cursor: pointer;position: relative; width: 1.6rem;margin-right: .1rem; border: solid 1px #dddddd;}
.wi-nav:last-child{margin-right: 0;}
.wi-bg{width: 100%;position: relative;height: auto;padding-top: calc(120/160*100%);overflow: hidden;}
.wi-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.wi-nav.active{	border: solid 1px #014a97;} 

.wi-prev{left: -.38rem;margin-top: -.25rem; width: .37rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wi-prev:hover{background-image: url('../images/a26-b.png');}
.wi-next{transform: rotate(-180deg); right: -.38rem;margin-top: -.25rem; width: .37rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wi-next:hover{background-image: url('../images/a26-b.png');}

.wi-right{width: 7.4rem;padding-top: .7rem; display: flex;flex-wrap: wrap;align-content: space-between;}
.wi-top{width: 100%;}
.wi-titles{width: 100%;margin-bottom: .2rem;padding-bottom: .1rem; border-bottom: 1px solid #dddddd; color: #111111;line-height: 1.2;}
.wi-specification{width: 100%;margin-bottom: .3rem; color: #111111;line-height: 1.27;}
.wi-price{width: 100%;margin-bottom: .5rem; color: #111111;line-height: 1.5;}
.wi-price span{color: #e50009;}
.wi-intro{font-family: ranyLight;width: 100%;padding-bottom: .2rem; color: #606266;line-height: 1.87;}
.wi-intro *{line-height: inherit;}
.wi-right .share-main{text-align: left;padding-bottom: 0;}
.wi-right .share-tip{width: 100%;margin-bottom: .15rem;}
.wi-right .share-item{margin-left: 0;margin-right: .1rem;}

.wi-bottom{width: 100%;display: flex;flex-wrap: wrap;}
.wi-tip{color: #111111;margin-right: .1rem;line-height: 1.6;}
.wi-labelbox{flex: 1; padding-bottom: .1rem;}
.wi-label{font-family: ranyLight;display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: .1rem;  color: #606266;line-height: 1.6;}
.wi-label:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;width: 1px;height:  .1rem;background-color: #dddddd;}
.wi-label:last-child:after{display: none;}
.wi-label:hover{color: #014a97;}

.wi-play{position: absolute;top: 0;left: 0;z-index: 188; width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.wi-play img{width: .8rem;}

.wi-icon{position: absolute;top: 0;left: 0;z-index: 188; width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.wi-icon img{width: .5rem;}

@media(max-width: 1920px){
    .wi-prev{background-size: 7px auto;}
    .wi-next{background-size: 7px auto;}
    .wi-big{margin-bottom: 10px;}
}

@media(max-width: 850px){
    .wi-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wi-left{width: 100%;}
    .wi-right{width: 100%;}

    .wi-small{padding: 0 20px;}
    .wi-nav{width: calc(33.33% - 6.7px);margin-right: 10px;}
    .wi-prev{left: 0;}
    .wi-next{right: 0;}
}

.wj-a{width: 100%;}
.wj-top{width: 100%;text-align: center;border-bottom: 1px solid #f3f5f7;}
.wj-navbox{width: 100%;text-align: center;}
.wj-nav{font-family: ranyRegular;display: inline-block;vertical-align: top;position: relative;padding: 0 .3rem;margin: 0 .2rem; cursor: pointer;line-height: .7rem; color: #111111;}
.wj-nav:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .5s; height: .02rem; background-color: #014a97;}

.wj-nav.active{color: #014a97;}
.wj-nav.active:after{width: 100%;}
.wj-bottom{width: 100%;padding-top: .6rem;padding-bottom: .2rem;	background-color: #f3f5f7;}
.wj-one{display: none;width: 100%;padding-top: .15rem;}
.wj-one.show{display: block;}
.wj-titles{width: 100%;position: relative; text-align: center;padding-bottom: .4rem;margin-bottom: .4rem; color: #111111;line-height: 1.27;}
.wj-titles:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-image: url('../images/a21.png'); background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.wj-list{width: 100%;padding-top: .3rem; padding-bottom: .65rem;}
.wj-item{width: 100%;font-size: 0;display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;flex-direction: row-reverse;} 
.wj-rt{display: block; width: 50%;position: relative;}
.wj-bg{width: 100%;}
.wj-bg img{width: 100%;}
.wj-img{position: absolute;top: 50%;left: 0;transform: translate(-50%,-50%); width: 5rem;}
.wj-img img{width: 100%;}
.wj-lt{width: 50%;padding: 10px 3.15rem 10px 1.2rem;}
.wj-textbox{font-family: ranyLight;width: 100%;color: #606266;line-height: 1.5;}
.wj-textbox *{line-height: inherit;}
.wj-textbox p{position: relative;padding: .13rem;}
.wj-textbox p:after{content: '';position: absolute;top: calc(.75em + .13rem);left: 0;margin-top: -.02rem; width: .04rem;height: .04rem;background-color: #014a97;}

.wj-box{width: 100%;max-width: 16.8rem;margin: 0 auto;padding-top: .15rem;}
.wj-subtitles{width: 100%;margin-bottom: .07rem; color: #111111;line-height: 1.41;}
.wj-synopsis{font-family: ranyLight; width: 100%;margin-bottom: .3rem; color: #606266;line-height: 1.5;}
.wj-synopsis *{line-height: inherit;}
.wj-tr{width: 100%;font-size: 0;}
.wj-td{display: inline-block;vertical-align: top;width: 29.33%;margin-bottom: .55rem; margin-right: 6%;}
.wj-td:nth-child(3n){margin-right: 0;}
.wj-td .wj-icon{width: 100%;margin-bottom: .25rem; height: .35rem;line-height: .35rem;}
.wj-td .wj-icon img{max-width: 100%;max-height: 100%;}
.wj-td .wj-name{width: 100%;margin-bottom: .1rem; color: #111111;line-height: 1.5;}
.wj-intro{font-family: ranyLight;color: #606266;line-height: 1.5;}


.wj-table{width: 100%;max-width: 16.8rem;margin: 0 auto;padding-bottom: .6rem;}
.wj-table table{width: 100%;border: none;}
.wj-table tr{width: 100%;border: none;}
.wj-table td{width: auto !important;word-break: break-all; font-family: ranyRegular;padding: .1rem .2rem;line-height: 1.87; color: #606266; border: solid 1px #dddddd;}
.wj-table *{max-width: 100%;}

.wj-downloadbox{width: 100%;max-width: 16.8rem;margin: 0 auto;padding-bottom: .5rem; display: flex;justify-content: space-between;flex-wrap: wrap;}
.wj-download{display: flex;align-items: center;position: relative;cursor: pointer; width: calc(50% - .1rem);margin-bottom: .3rem; padding: .1rem .6rem .1rem .2rem ;border: solid 1px #dddddd;}
.wj-download .wj-name{color: #333333;line-height: 1.87;}
.wj-download .wj-icon{position: absolute;top: 50%;right: .2rem;transform: translate(0,-50%); width: .2rem;}
.wj-download .wj-icon1{display: block;width: 100%;}
.wj-download .wj-icon1 img{width: 100%;}
.wj-download .wj-icon2{display: none;width: 100%;}
.wj-download .wj-icon2 img{width: 100%;}
.wj-download:hover{background-color: #014a97;border: solid 1px #014a97;}
.wj-download:hover .wj-icon1{display: none;}
.wj-download:hover .wj-icon2{display: block;}
.wj-download:hover .wj-name{color: #ffffff; }

@media(min-width: 851px){
    .wj-nav:hover{color: #014a97;}
    .wj-nav:hover:after{width: 100%;}
    .wj-item:nth-child(2n){flex-direction: row;}
    .wj-item:nth-child(2n) .wj-lt{padding: 10px 1.2rem 10px 3.15rem;}
    .wj-item:nth-child(2n) .wj-img{left: auto;right: 0;transform: translate(50%,-50%);}
}

@media(max-width: 850px){
    .wj-navbox{width: 100%;max-width: 500px;margin: 0 auto; padding-left: 10px;padding-right: 10px;white-space: nowrap;overflow: auto;} 
    .wj-nav{padding: 0;}

    .wj-item{max-width: 500px;;margin: 0 auto; padding-left: 10px;padding-right: 10px;}
    .wj-lt{width: 100%;padding: 20px 0;}
    .wj-rt{width: 100%;}
    .wj-img{top: 50%;left: 50%;}

    .wj-box{max-width: 500px; padding: 0 10px;}
    .wj-td{width: 100%;margin-right: 0;}

    .wj-table{max-width: 500px; padding: 0 10px .6rem;}

    .wj-downloadbox{max-width: 500px; padding: 0 10px;}
    .wj-download{width: 100%;}

    .MagicZoomPup{display: none !important;}
}

.wk-a{width: 100%;padding-top: .75rem;padding-bottom: .2rem;}
.wk-main{width:  16.8rem;margin: 0 auto;}
.wk-titles{width: 100%;margin-bottom: .4rem; text-align: center;color: #111111;line-height: 1.2;}
.wk-video{display: block;cursor: pointer; width: 100%;position: relative;}
.wk-img{width: 100%;}
.wk-img img{width: 100%;}
.wk-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .8rem;}
.wk-play img{width: 100%;}

@media(max-width: 850px){
    .wk-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
}

.wl-a{width: 100%;overflow: hidden; }
.wl-main{width: 17.2rem;margin: 0 auto;}
.wl-top{width: 100%;padding:  0 .2rem  .7rem; }
.wl-titles{width: 100%;text-align: center;line-height: 1.2;color: #111111;}
.wl-swiper1{width: 100%;position: relative;padding: .35rem 0;}
.wl-item{display: block;cursor: pointer; position: relative; width: 4rem;margin-right: .26rem; }
.wl-item:last-child{margin-right: 0;}
.wl-item .wl-link{display: block;width: 100%;cursor: pointer; padding: .7rem .1rem .83rem;text-align: center; background-color: #ffffff;}
.wl-item .wl-img{width: 100%;height: 1.5rem;line-height: 1.5rem;}
.wl-item .wl-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.wl-item .wl-text{width: 100%;padding-top: .77rem;}
.wl-item .wl-name{width: 100%;margin-bottom: .1rem; line-height: 1.25;height: 2.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wl-item .wl-intro{  font-family: ranyLight; width: 100%;color: #606266;line-height: 1.7; }
.wl-item .wl-intro *{line-height: inherit;}
.wl-item .wl-more{font-family: ranyLight;position: absolute;bottom: .35rem;left: 0;z-index: 18; width: 100%;color: #111111;line-height: 1.7;}
.wl-item .wl-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wl-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem .15rem .9rem; max-height: 100%;overflow: auto;background-color: rgba(1,74,151,1);}
.wl-textbox {width: 100%;color: #fff;line-height: 1.3;text-align: left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wl-textbox *{line-height: inherit;}

.wl-item:hover .wl-sub{opacity: 1;z-index: 8;visibility: visible;}
.wl-item:hover .wl-more{color: #fff;}
.wl-item:hover .wl-img img{transform: scale(1.05);}
.wl-item:hover .wl-more:after{background-image: url('../images/a2-b.png');}

.wl-bottom{width: 100%;padding-bottom: .7rem;}
.wl-swiper2{width: 100%;position: relative;}
.wl-c{width: 100%;}
.wl-one{width: 25%; padding: .3rem .2rem;}
.wl-one .wl-link{display: block;width: 100%;cursor: pointer;}
.wl-one .wl-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(234/390*100%);}
.wl-one .wl-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wl-one .wl-text{width: 100%;padding: .4rem .4rem .45rem; border: solid 1px #dddddd;}
.wl-one .wl-time{font-family: ranyRegular;width: 100%;margin-bottom: .25rem; color: #666666;line-height: 1;}
.wl-one .wl-name{width: 100%;margin-bottom: .5rem; color: #111111;line-height: 1.5;height: 4.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wl-one .wl-more{width: 100%;color: #014a97;line-height: 1.6;}
.wl-one .wl-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: 1em;height: 1.6em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wl-one .wl-link:hover{box-shadow: 0px .1rem .2rem 0px rgba(1, 74, 151, 0.1);}
.wl-one .wl-link:hover  .wl-text{border: solid 1px #fff;}
.wl-one .wl-link:hover  .wl-name{color: #014a97;}
.wl-one .wl-link:hover  .wl-img img{transform: scale(1.05);}

.wl-prev{left: -.25rem;margin-top: -.25rem; width: .27rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-prev:hover{background-image: url('../images/a26-b.png');}
.wl-next{transform: rotate(-180deg); right: -.25rem;margin-top: -.25rem; width: .27rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-next:hover{background-image: url('../images/a26-b.png');}

.wl-prev1{left: -.45rem;}
.wl-next1{right: -.45rem;}

.wl-a.black{padding-top: .95rem; background-color: #f3f5f7;}
.wl-a.black .wl-one .wl-text{background-color: #ffffff;border: 1px solid #ffffff;}
@media(max-width: 1920px){
    .wl-prev{background-size: 7px auto;}
    .wl-next{background-size: 7px auto;}
}


@media(max-width: 850px){
    .wl-main{width: 100%;max-width: 500px; padding-left: 5px;padding-right: 5px;} 
    .wl-top{padding: 0 10px;}
    .wl-item{width: calc(50% - 5px); } 
    .wl-item .wl-link{padding-bottom: 1rem;} 
    .wl-sub{padding: .3rem 10px 1.1rem;}
    .wl-item .wl-intro{font-size: 12px;}


    .wl-swiper2{padding: 0 5px;}
    .wl-one{width: 50%;padding: .3rem 5px;} 
    .wl-one .wl-text{padding: 15px 10px;}

    .wl-prev{left: -5px;width: 10px;}
    .wl-next{right: -5px;width: 10px;}
    .wl-prev1{left: -15px;}
    .wl-next1{right: -15px;}
}


.wm-a{width: 100%;position: relative; padding-top: .8rem;padding-bottom: 1rem;}
.wm-main{width: 16.8rem;margin: 0 auto;position: relative;z-index: 18;}
.wm-navbox{width: 100%;font-size: 0;text-align: center;position: relative;padding: 0 .5rem; margin-bottom: .25rem;}
.wm-b{display: inline-block;max-width: 100%;}
.wm-nav{display: inline-block;vertical-align: top;cursor: pointer;margin-bottom: .3rem;width: auto; min-width: 1.9rem;padding: 0 .1rem;text-align: center;}
.wm-nav .wm-icon{display: inline-block;width: .9rem;}
.wm-nav .wm-icon1 {display: block;width: .9rem;height: .9rem;text-align: center;line-height: .9rem;border-radius: 50%; background-color: #f3f5f7;}
.wm-nav .wm-icon1 img{max-width: 75%;max-height: 50%;}
.wm-nav .wm-icon2 {display: none;width: .9rem;height: .9rem;text-align: center;line-height: .9rem;border-radius: 50%; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.wm-nav .wm-icon2 img{max-width: 75%;max-height: 50%;}
.wm-classify{width: 100%;margin-top: .25rem;line-height: 1.5; color: #191919;}
.wm-nav.active .wm-icon1{display: none;}
.wm-nav.active .wm-icon2{display: block;}
.wm-nav.active .wm-classify{color: #014a97;}

.wm-prev{left: 0;margin-top: -.25rem; width: .27rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wm-prev:hover{background-image: url('../images/a26-b.png');}
.wm-next{transform: rotate(-180deg); right: 0;margin-top: -.25rem; width: .27rem;height: .5rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wm-next:hover{background-image: url('../images/a26-b.png');}


.wm-cont{width: 100%;position: relative;}
.wm-one{display: none;align-items: center;justify-content: space-between;flex-wrap: wrap; cursor: pointer;width: 100%;}
.wm-one.show{display: flex;}
.wm-left{display: block;width: 9.6rem;position: relative;}
.wm-img{width: 100%;overflow: hidden;}
.wm-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.wm-one .wm-icon{position: absolute;bottom: .4rem;right: -.5rem;width: 1rem;height: 1rem;text-align: center;line-height: 1rem;border-radius: 50%; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.wm-one .wm-icon img{max-width: 75%;max-height: 50%;}
.wm-right{display: block;text-align: right;width: 5.7rem;}
.wm-name{width: 100%;margin-bottom: .25rem; color: #014a97;line-height: 1.2;}
.wm-intro{font-family: ranyRegular;width: 100%;margin-bottom: 1.1rem;text-align: justify; color: #606266;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.wm-more{display: inline-block;padding: 0 .3rem;color: #ffffff;line-height: .56rem;background-color: #014a97;border-radius: .08rem;}
.wm-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .25rem; width: 1em;height: 1.5em;background-image: url('../images/a2-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wm-one:hover .wm-img img{transform: scale(1.05);}

.wm-particle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media(max-width: 1920px){
    .wm-prev{background-size: 7px auto;}
    .wm-next{background-size: 7px auto;}
}

@media(max-width: 850px){
    .wm-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wm-navbox{white-space: nowrap;overflow: auto;}
    .wm-nav{min-width: 10px;padding: 0 5px;}
    .wm-left{width: 100%;margin-bottom: 30px;}
    .wm-one .wm-icon{right: auto;left: 50%;margin-left: -.5rem;bottom: -.5rem;}
    .wm-right{width: 100%;text-align: left;}
    .wm-more{line-height: 32px;}
}

.wn-a{width: 100%;padding-top: .65rem;padding-bottom: .5rem;}
.wn-main{width: 16.8rem;margin: 0 auto;}
.wn-list{width: 100%;}
.wn-item{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;flex-direction: row-reverse;width: 100%;margin-bottom: 1rem;}
.wn-left{width: 9.6rem;position: relative;}
.wn-img{width: 100%;}
.wn-img img{width: 100%;}
.wn-icon{position: absolute;bottom: .4rem;left: -.5rem;width: 1rem;height: 1rem;text-align: center;line-height: 1rem;border-radius: 50%; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.wn-icon img{max-width: 75%;max-height: 50%;}
.wn-play{position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: 100%;height: 100%;background-image: url('../images/a55.png');background-size: .8rem auto;background-position: center center;background-repeat: no-repeat;}

.wn-right{width: 6rem;}
.wn-titles{width: 100%;margin-bottom: .38rem; color: #111111;line-height: 1.27;}
.wn-textbox{font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.6;}
.wn-textbox *{line-height: inherit;}

.wn-item:nth-child(2n){flex-direction: row;}
.wn-item:nth-child(2n) .wn-icon{left: auto;right: -.5rem;}

.wn-introduce{width: 100%;font-family: ranyRegular; color: #606266;line-height: 1.6;}
.wn-introduce *{line-height: inherit;}
.wn-introduce img{width: 100%;}

@media(max-width: 850px){
    .wn-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wn-left{width: 100%;margin-bottom: 30px;}
    .wn-icon{right: auto;left: 50% !important;right: auto !important; margin-left: -.5rem;bottom: -.5rem;}
    .wn-right{width: 100%;}
}

.wo-a{width: 100%;padding-top: .45rem;padding-bottom: .5rem;}
.wo-main{width: 16.8rem;margin: 0 auto;}
.wo-top{width: 100%;text-align: center;margin-bottom: .55rem;}
.wo-titles{width: 100%;margin-bottom: .2rem; color: #111111;line-height: 1.27;}
.wo-list{width: 100%;font-size: 0;padding-bottom: .25rem;}
.wo-item{display: inline-block;vertical-align: top;margin-bottom: .55rem; width: 29.7%;margin-right: 5.45%;}
.wo-item:nth-child(3n){margin-right: 0;}
.wo-icon{width: 100%;height: .55rem;line-height: .55rem;}
.wo-icon img{max-width: 100%;max-height: 100%;}
.wo-text{width: 100%;}
.wo-name{width: 100%;margin-top: .3rem; color: #111111;line-height: 1.5;}
.wo-item .wo-intro{font-family: ranyRegular;width: 100%;margin-top: .05rem; color: #606266;line-height: 1.6;}

.wo-bottom{width: 100%;padding-bottom: .45rem;}
.wo-subtitle{width: 100%;margin-bottom: .35rem; color: #111111;line-height: 1.27;}
.wo-table{width: 100%;margin-bottom: .3rem; overflow: auto; border-top: 1px solid #999999;}
.wo-table table{width: 100%;border: none;}
.wo-table tr{width: 100%;border: none;border-bottom: 1px solid #dddddd;}
.wo-table td{font-family: ranyRegular;border: none; padding: .17rem .3rem .17rem  0;line-height: 1.37;	color: #606266;}
.wo-table tr:nth-child(1) td{color: #333333; font-family: ranyBold;}
.wo-table img{width: 1.3rem;height:  .7rem;object-fit: contain;}

.wo-textbox{font-family: ranyRegular;width: 100%;margin-bottom: .3rem;color: #606266;line-height: 1.6;}
.wo-textbox *{line-height: inherit;max-width: 100%;}

.wo-box{width: 100%;padding-bottom: .95rem;}
.wo-swiper{width: 100%;position: relative;}
.wo-b{width: 100%;padding-top: .5rem;}
.wo-one{width: 5.4rem;height: auto;position: relative;text-align: center; margin-right: .3rem;border: solid 1px #dddddd;}
.wo-one:last-child{margin-right: 0;}
.wo-nub{position: absolute;top: -.5rem;left: 50%;margin-left: -.5rem;width: 1rem;height: 1rem;text-align: center;line-height: 1rem; border-radius: 50%; background-color: #fff;border: dashed 1px #dddddd;}
.wo-c{width: 100%;padding: .75rem .3rem .35rem;}
.wo-d{width: 100%;margin-bottom: .1rem; color: #111111;line-height: 1.5;}
.wo-e{font-family: ranyRegular;width: 100%;text-align: left; color: #606266;line-height: 1.6;}

.wo-pagination{position: static;left: 0;bottom: 0;padding-top: .3rem; width: 100%;text-align: center;font-size: 0;}
.wo-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: .1rem .1rem 0; opacity: 1;	width: .15rem;height: .15rem;border-radius: 50%;background-color: #f3f5f7;}
.wo-pagination .swiper-pagination-bullet-active{background-color: #014a97;}

.wo-cont{width: 100%;}
.wo-tr{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wo-td{display: block;width: 7.6rem;margin-bottom: .45rem;}
.wo-tip{width: 100%;margin-bottom: .05rem; color: #111111;line-height: 1.5;}
.wo-td .wo-intro{font-family: ranyRegular;width: 100%; color: #606266;line-height: 1.6;}


@media(max-width: 850px){
    .wo-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wo-item{width: calc(50% - 5px);margin-right: 10px;}
    .wo-item:nth-child(3n){margin-right: 10px;}
    .wo-item:nth-child(2n){margin-right: 0;}

    .wo-one{width: 100%;margin-right: 0;}
    .wo-td{width: 100%;}

    .wo-textbox table{width: 100% !important;}
    .wo-textbox td{padding: 5px; width: auto !important;word-break: break-all;}

}

.wp-a{width: 100%;padding-top: 1.3rem;padding-bottom: 1.3rem; background-color: #f3f5f7;}
.wp-main{width: 16.8rem;margin: 0 auto;}
.wp-cont{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.wp-left{width: 5.9rem;}
.wp-titles{width: 100%;margin-bottom: .3rem;	color: #111111;line-height: 1.44;}
.wp-intro{font-family: ranyRegular;color: #606266;line-height: 2;}
.wp-right{display: block;width: 9.6rem;}
.wp-img{width: 100%;}
.wp-img img{width: 100%;}


@media(max-width: 850px){
    .wp-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wp-left{width: 100%;margin-bottom: 30px;}
    .wp-right{width: 100%;}
}

.wq-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1.5rem;}
.wq-main{width: 16.8rem;margin: 0 auto;}
.wq-cont{width: 100%;display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.wq-left{width: 5.9rem;}
.wq-titles{width: 100%;margin-bottom: .3rem; color: #111111;line-height: 1.2;}
.wq-synopsis{font-family: ranyRegular;color: #606266;line-height: 2;}
.wq-buttom{width: 100%;font-size: 0;margin-top: .9rem;}
.wq-prev{transform: rotate(-180deg);position: static; top: auto;bottom: 0;display: inline-block;vertical-align: middle; margin-top: 0; width: .56rem;height: .56rem;background-color: #f3f5f7;border-radius: 0px .08rem .08rem 0px;background-image: url('../images/a2.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.wq-next{ position: static; top: auto;bottom: 0;display: inline-block;vertical-align: middle; margin-top: 0; width: .56rem;height: .56rem;background-color: #014a97;border-radius: 0px .08rem .08rem 0px;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}


.wq-right{width: 9.6rem;} 
.wq-item{display: block; width: 30.7%; margin-right: 3.95%; }
.wq-item:last-child{margin-right: 0;} 
.wq-link{display: block;width: 100%;cursor: pointer; padding: .8rem .1rem .65rem;text-align: center; background-color: #ffffff;}
.wq-img{width: 100%;height: 1.3rem;line-height: 1.3rem;}
.wq-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.wq-text{width: 100%;padding-top: .57rem;}
.wq-name{width: 100%;margin-bottom: .1rem; line-height: 1.3;height: 2.6em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wq-intro{  font-family: ranyLight; width: 100%;color: #606266;line-height: 1.7; }
.wq-intro *{line-height: inherit;}
.wq-more{font-family: ranyLight;position: absolute;bottom: .25rem;left: 0;z-index: 18; width: 100%;color: #111111;line-height: 1.7;}
.wq-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wq-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem .15rem .9rem; max-height: 100%;overflow: auto;background-color: rgba(1,74,151,1);}
.wq-textbox {width: 100%;color: #fff;line-height: 1.3; text-align: left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wq-textbox *{line-height: inherit;}

.wq-item:hover .wq-sub{opacity: 1;z-index: 8;visibility: visible;}
.wq-item:hover .wq-more{color: #fff;}
.wq-item:hover .wq-img img{transform: scale(1.05);}
.wq-item:hover .wq-more:after{background-image: url('../images/a2-b.png');}

@media(max-width: 850px){
    .wq-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wq-left{width: 100%;margin-bottom: 10px;}
    .wq-right{width: 100%;}
    .wq-item{width: calc(50% - 5px);margin-right: 10px;}
    .wq-item:last-child{margin-right: 0;}
    .wq-link{padding-bottom: 1rem;} 
    .wq-sub{padding: .3rem 10px 1.1rem;}
    .wq-item .wq-intro{font-size: 12px;}
}

.wr-a{width: 100%;padding-top: .55rem;padding-bottom: .6rem; background-image: url('../images/b72.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wr-main{width:  16.8rem;margin: 0 auto;}
.wr-cont{width: 100%;text-align: center;}
.wr-titles{width: 100%;max-width: 31em;margin: 0 auto; color: #ffffff;line-height: 1.3;}
.wr-intro{font-family: ranyLight;width: 100%;margin-top: .1rem;  color: #ffffff;line-height: 1.41;} 
.wr-buttom{display: inline-block;cursor: pointer;margin-top: .55rem; padding: 0 .3rem;color: #014a97;line-height: .56rem;background-color: #fff;border-radius: .08rem;}
.wr-buttom:after{content: '';display: inline-block;vertical-align: middle;margin-left: .25rem; width: 1em;height: 1.5em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 850px){
    .wr-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wr-buttom{line-height: 32px;}
}

.ws-a{width: 100%;padding-top: .75rem;}
.ws-main{width: 16.8rem;margin: 0 auto;}
.ws-top{width: 100%;padding-bottom: 1rem;}
.ws-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ws-left{float: left;width: 6.3rem;}
.ws-titles{color: #111111;line-height: 1.2;}
.ws-tr{width: 100%;padding-top: .15rem;}
.ws-td{width: 100%;margin-top: .4rem; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.ws-td .ws-icon{display: block;width: 1rem;height: 1rem;text-align: center;line-height: 1rem;background-color: #f3f5f7;border-radius: .3rem;}
.ws-td .ws-icon img{max-width: 50%;max-height: 50%;}
.ws-td .ws-text{width: calc(100% - 1.4rem);}
.ws-td .ws-name{width: 100%;margin-bottom: .05rem; color: #111111;line-height: 1.5;}
.ws-td .ws-intro{font-family: ranyRegular;color: #606266;line-height: 1.6;}
.ws-tr a{cursor: pointer;}
.ws-tr a:hover .ws-intro{color:  #014a97;}

.ws-right{float: right; position: relative;z-index: 8; width: 9.6rem;height: 6.3rem; margin-top: .6rem;}
.ws-map{display: block;width: 100%;}

.ws-center{width: 100%;display: flex;flex-wrap: wrap; padding-bottom: .5rem;}
.ws-one{display: flex;flex-wrap: wrap;align-content: space-between; width: 31.55%;padding: .4rem .4rem .55rem;min-height: 3.4rem; margin-bottom: .45rem; margin-right: 2.67%; background-color: #f3f5f7;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f7 100%);box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.ws-one:nth-child(3n){margin-right: 0;}
.ws-b{width: 100%;margin-bottom: .3rem;display: flex;align-items: center;}
.ws-one .ws-name{flex: 1;color: #111111;line-height: 1.7;}
.ws-one .ws-icon{width: .8rem;height: .8rem;text-align: center;line-height: .8rem;border-radius: 50%;background-color: #ffffff;}
.ws-one .ws-icon img{max-width: 45%;max-height: 45%;}
.ws-c{width: 100%;}
.ws-d{font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.6;}
.ws-d span{font-family: ranyBold;color: #111111;}

.ws-bottom{width: 100%;padding-bottom: 1rem;}
.ws-form{width: 100%;}
.ws-list{width: 100%;padding-top: .45rem;font-size: 0;}
.ws-item{display: inline-block;vertical-align: top;margin-bottom: .2rem; width: 100%;position: relative;padding: 0 .22rem;background-color: #f3f5f7;border-radius: .08rem;}
.ws-star{font-family: ranyLight;position: absolute;top: 0;left: 0;line-height: .6rem; width: .22rem;padding-right: .04rem;text-align: right;color: #e50009;}
.ws-input{font-family: ranyLight;display: block;border: none;background-color: transparent; width: 100%;height: .6rem;color: #111;}
.ws-textarea{font-family: ranyLight;display: block;border: none;background-color: transparent; width: 100%;padding: .15rem 0;line-height: .3rem; height:  1.8rem;color: #111;}
.ws-submit{display: inline-block;cursor: pointer;border: none; padding:  0 .4rem;height: .6rem;line-height: .6rem; color: #ffffff;background-color: #014a97;border-radius: .08rem;}

@media(min-width: 851px){
    .ws-list .ws-item{width: 24.1%; margin-right: 1.19%;}
    .ws-list .ws-item:nth-child(4n){margin-right: 0;}

    .ws-top{position: relative;}
    .ws-right{position: absolute; top: 0;right: 0;margin-top: 0; height: calc(100% - 1rem);}
}
@media(max-width: 850px){
    .ws-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .ws-left{width: 100%;}
    .ws-right{width: 100%;}

    .ws-one{width: 100%;margin-right: 0;}
    .ws-input{height: 36px;}
    .ws-star{line-height: 36px;}
    .ws-textarea{padding: 8px 0; line-height: 20px;height: 72px;}
}

.wt-a{width: 100%;padding-top: .8rem;padding-bottom: .6rem;}
.wt-main{width: 16.8rem;margin: 0 auto;}
.wt-cont{width: 100%;position: relative;  font-size: 0;}
.wt-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative; width: 8.2rem;margin-bottom: .4rem;}
.wt-img{width: 100%;position: relative;overflow: hidden;height: 5.1rem;}
.wt-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wt-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .2rem .3rem;}
.wt-name{width: 100%; color: #ffffff;line-height: 1.5; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.wt-item:hover .wt-img img{transform: scale(1.05);}
.wt-item:nth-child(1):hover .wt-img img{transform: scale(1.02);}

.wt-item:nth-child(1) .wt-text{padding: .25rem .4rem;}
.wt-item:nth-child(1) .wt-name{font-size: calc(24 * 1rem / 100);}

@media(max-width: 1248px){
    .wt-item:nth-child(1) .wt-name{font-size: 15.6px;}
}

@media(min-width: 851px){
    .wt-item:nth-child(2){position: absolute;top: 0;right: 4.3rem;width: 3.9rem;}
    .wt-item:nth-child(2) .wt-img{height: 2.35rem;}
    .wt-item:nth-child(3){position: absolute;top: 0;right:  0;width: 3.9rem;}
    .wt-item:nth-child(3) .wt-img{height: 2.35rem;}
    .wt-item:nth-child(4){position: absolute;bottom:  0;right:  4.3rem;width: 3.9rem;}
    .wt-item:nth-child(4) .wt-img{height: 2.35rem;}
    .wt-item:nth-child(5){position: absolute;bottom:  0;right:  0;width: 3.9rem;}
    .wt-item:nth-child(5) .wt-img{height: 2.35rem;}
}

@media(max-width: 850px){
    .wt-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wt-item{display: inline-block;vertical-align: top;width: calc(50% - 5px);margin-right: 10px;}
    .wt-item:nth-child(1){width: 100%;margin-right: 0;}
    .wt-img {height: auto;padding-top: calc(508/820*100%);}
    .wt-text{padding: 10px;}
    .wt-item:nth-child(3){margin-right: 0;}
    .wt-item:nth-child(5){margin-right: 0;}
}
 


.wu-a{width: 100%;padding-top: .8rem;padding-bottom: .9rem; background-color: #f3f5f7;}
.wu-main{width: 16.8rem;margin: 0 auto;}
.wu-titles{width: 100%;margin-bottom: 0.45rem;color: #111111;line-height: 1.27;}
.wu-cont{width: 100%;font-size: 0;padding-bottom: .1rem;}
.wu-item{display: inline-block;vertical-align: top;cursor: pointer;width: 23.21%; margin-right: 2.38%; margin-bottom: .4rem;background-color: #ffffff;}
.wu-item:nth-child(4n){margin-right: 0;}
.wu-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(235/390*100%);}
.wu-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.wu-text{width: 100%;padding: .35rem .35rem .45rem;}
.wu-time{font-family: ranyRegular;margin-bottom: .15rem; color: #606266;line-height: 1.6;}
.wu-name{width: 100%;margin-bottom: .5rem; color: #111111;line-height: 1.5;height: 4.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wu-more{color: #014a97;line-height: 1.6;}
.wu-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .15rem; width: 1em;height: 1.5em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wu-item:hover .wu-img img{transform: scale(1.05);}
.wu-item:hover .wu-name{color: #014a97;}

@media(max-width: 850px){
    .wu-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .wu-item{width: calc(50% - 5px);margin-right: 10px;}
    .wu-item:nth-child(2n){margin-right: 0;}
    .wu-text{padding: 15px 10px;}
}

.wv-a{width: 100%;padding-top: .9rem;padding-bottom: 1rem;}
.wv-main{width: 11.9rem;margin: 0 auto;}
.wv-cont{width: 100%;}
.wv-top{width: 100%;padding-bottom:  .2rem;margin-bottom: .35rem; border-bottom: 1px solid #dddddd;}
.wv-titles{width: 100%;margin-bottom: .35rem; color: #111111;line-height: 1.16;}
.wv-tipbox{width: 100%;font-size: 0;}
.wv-tip{font-family: ranyLight;display: inline-block;vertical-align: middle;margin-right: .5rem;margin-bottom: .15rem; color: #606266;line-height: 1.6;}
.wv-textbox{font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.87;padding-bottom: .15rem;}
.wv-textbox *{line-height: inherit;max-width: 100%;}
.wv-bottom{width: 100%;padding: .1rem 0; display: flex;align-items: center;flex-wrap: wrap;}
.wv-lt{font-family: ranyRegular;flex: 1;color: #606266;line-height: 1.6;}
.wv-lt span{font-weight: bold;color: #111111;}

.wv-box{width: 100%;display: flex;flex-wrap: wrap;padding: .15rem 0; border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.wv-b{margin: .1rem 0;  color: #111111;margin-right: .1rem;line-height: 1.6;}
.wv-labelbox{flex: 1; padding-bottom: .1rem;}
.wv-label{font-family: ranyLight;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem 0;  color: #606266;line-height: 1.6;}
.wv-label:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;width: 1px;height:  .1rem;background-color: #dddddd;}
.wv-label:last-child:after{display: none;}
.wv-label:hover{color: #014a97;}

.wv-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-top: .1rem;}
.wv-item{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;cursor: pointer;margin-top: .3rem; width: calc(50% - .85rem);}
.wv-img{display: block;width: 1.6rem;overflow: hidden;}
.wv-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.wv-text{width: calc(100%  - 1.9rem);}
.wv-c{font-family: ranyRegular;width: 100%;margin-bottom: .1rem; color: #606266;line-height: 1.7;}
.wv-name{width: 100%; color: #111111;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.wv-item:hover .wv-img img{transform: scale(1.05);}
.wv-item:hover .wv-name{color: #014a97;}

@media(min-width: 851px){
    .wv-item:nth-child(2n){flex-direction: row-reverse;}
    .wv-item:nth-child(2n) .wv-text{text-align: right;}
}
@media(max-width: 850px){
    .wv-main{width: 100%;max-width: 500px; padding-left: 25px;padding-right: 25px;} 
    .wv-tip{margin-right: 10px;}
    .wv-lt{flex: none;width: 100%;}
    .wv-rt{width: 100%;}
    .wv-item{width: 100%;}

    .wv-textbox table{width: 100% !important;}
    .wv-textbox td{padding: 5px; width: auto !important;word-break: break-all;}
}

.wy-a{width: 100%;}
.wy-main{width: 16.8rem;margin: 0 auto;}
.wy-top{width: 100%;padding-top: .25rem ;}
.wy-top .wy-navbox{width: 100%;font-size: 0;}
.wy-top .wy-nav{font-family: ranyRegular;display: inline-block;vertical-align: top;cursor: pointer; color: #606266;line-height: 1.6;}
.wy-top .wy-nav:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem; width: .437em;height: 1em;background-image: url('../images/c5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wy-top .wy-nav:last-child:after{display: none;}
.wy-top .wy-nav.active{color: #014a97;}

.wy-cont{width: 100%;position: relative;padding-top: .9rem;padding-bottom: 1rem;}
.wy-cont:before{content: '';position: absolute;top: 0;left: 12.4rem;width: 1px;height: 100%;background-color: #dddddd;}
.wy-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wy-left{float: left;width: 11.9rem;}
.wy-right{float: right;width: 3.9rem;padding-top:  .1rem;}
.wy-fixation{position: relative;z-index: 88; width: 3.9rem;}

.wy-tip{width: 100%;margin-bottom: .35rem; color: #111111;line-height: 1.27;}
.wy-right .wy-navbox{width: 100%;margin-bottom: .75rem;}
.wy-right .wy-nav{font-family: ranyRegular;display: block;position: relative;cursor: pointer; padding-bottom: .3rem; padding-left: .26rem;color: #606266;line-height: 1.6;}
.wy-right .wy-nav:after{content: ''; position: absolute;top: 0;left: 0;width: .15rem;height: 1.5em;background-image: url('../images/c4.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.wy-right .wy-nav:before{content: '';position: absolute;top: 1.5em;left:  .07rem;width: 1px;height: calc(100% - 1.5em);border-left: dashed 1px #cccccc;}
.wy-right .wy-nav:last-child:before{display: none;}
.wy-right .wy-nav.active{color: #014a97;}
.wy-right .wy-nav.active:after{background-image: url('../images/c4-b.png');}

.wy-list{width: 100%;font-size: 0;padding-bottom: .35rem;}
.wy-item{width: 100%;cursor: pointer;margin-bottom: .3rem; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.wy-img{width: 1.6rem;overflow: hidden;}
.wy-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.wy-text{width: calc(100%  - 1.9rem);}
.wy-time{font-family: ranyRegular;width: 100%;margin-bottom: .1rem; color: #606266;line-height: 1.7;}
.wy-name{width: 100%; color: #111111;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wy-item:hover .wy-img img{transform: scale(1.05);}
.wy-item:hover .wy-name{color: #014a97;}

.wy-labelbox{width: 100%;font-size: 0;padding-bottom: .7rem;} 
.wy-label{font-family: ranyLight;display: inline-block;vertical-align: top;cursor: pointer; margin-right: .1rem;margin-bottom: .1rem; padding: 0 .15rem;color: #999999;line-height: .4rem; border: solid 1px #eeeeee;}
.wy-label:hover{color: #fff; border: solid 1px #014a97;background-color: #014a97;}

.wy-one{width: 100%;}
@media(min-width: 851px){
    .wy-cont.fixed .wy-fixation{position: fixed;top: .9rem;max-height: calc(100vh - .9rem);overflow: auto;}
    .wy-cont.absolute .wy-fixation{position: absolute;top: auto;bottom: .5rem;right: 0 !important; }
}
@media(max-width: 850px){
    .wy-cont{padding-top: 30px; padding-bottom: 30px;}
    .wy-cont:before{display: none;}
    .wy-main{width: 100%;max-width: 500px; padding-left: 25px;padding-right: 25px;} 
    .wy-left{width: 100%;margin-bottom: 20px;}
    .wy-right{width: 100%;}
 
    .wy-top .wy-navbox{white-space: nowrap;overflow: auto; }
    .wy-labelbox{padding-bottom: 20px;}
    .wy-label{line-height: 26px;margin-bottom: 10px;}

    .wy-fixation{position: static;width: 100%;min-height: 10px;}

    .wy-right{font-size: 0;}
    .wy-one:nth-child(1) .wy-tip{display: none;}
    .wy-one  .wy-navbox{position: fixed;top: 50%;left: 5px;transform: translate(0,-50%); width: 25px; }
    .wy-one  .wy-navbox span{display: block;overflow: hidden; width: 1px;height: 1em;opacity: 0;}
    .wy-cont.hide .wy-navbox{display: none;}

    .wl-a.black{position: relative;z-index: 1;background-color: #fff;}
 
    /* .wy-right .wy-one{display: inline-block;vertical-align: top; width: 50%;}
    .wy-right .wy-one span{font-size: 10px; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */
}

.wz-a{width: 100%;padding-top: .7rem;padding-bottom: .8rem;}
.wz-main{width: 100%;margin: 0 auto;}
.wz-top{width: 100%;max-width: 16.8rem;margin: 0 auto 1rem;text-align: center;}
.wz-titles{width: 100%;margin-bottom: .4rem; color: #111111;line-height: 1.2;}
.wz-synopsis{font-family: ranyRegular;width: 100%;max-width: 72em;margin: 0 auto;text-align: justify; color: #606266;line-height: 2;}
.wz-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0 .2rem;}
.wz-item{display: block;position: relative; width: calc(50% - .1rem);margin-bottom: .5rem;}
.wz-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(540/930*100%);}
.wz-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wz-text{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;text-align: center;padding: .15rem  .9rem; max-height: 100%;overflow: auto;}
.wz-name{width: 100%;margin-bottom: .45rem; color: #ffffff;line-height: 1.27;}
.wz-intro{font-family: ranyRegular;width: 100%;min-height: 6em; color: #ffffff;line-height: 1.5;}

@media(max-width: 850px){
    .wz-main{max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wz-bottom{padding: 0;}
    .wz-item{width: 100%;}
    .wz-text{width: 100%;padding: 10px;}
    .wz-name{margin-bottom: 10px;}
    .wz-intro{font-size: 12px;}
}

.xa-a{width: 100%;padding-bottom: .8rem;}
.xa-main{width: 16.8rem;margin: 0 auto;}
.xa-titles{width: 100%;margin-bottom: .95rem; text-align: center;color: #111111;line-height: 1.27;}
.xa-cont{width: 100%;font-size: 0;}
.xa-item{display: inline-block;vertical-align: top;width: 20%;text-align: center;padding: 0 10px;margin-bottom: .5rem;}
.xa-icon{display: inline-block;	width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%; background-color: #f3f5f7;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f7 100%);box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);border: solid 1px #ffffff;}
.xa-icon img{max-width: 55%;max-height: 55%;}
.xa-text{width: 100%;padding-top: .45rem;}
.xa-intro{ font-family: ranyRegular;width: 100%;max-width: 13em;margin: 0 auto; color: #111111;line-height: 1.66;}

@media(max-width: 850px){
    .xa-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xa-item{width: 50%;}
}

.xb-a{width: 100%;}
.xb-main{width: 100%;margin: 0 auto;}
.xb-cont{width: 100%;position: relative;}
.xb-img{width: 100%;}
.xb-img img{width: 100%;}
.xb-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center; width: 16.8rem;padding: .1rem 0;max-height: 100%;overflow: auto;}
.xb-name{width: 100%;margin-bottom: .45rem; color: #ffffff;line-height: 1.27;}
.xb-intro{width: 100%;max-width: 89em;margin: 0 auto; color: #ffffff;line-height: 1.5;}

@media(max-width: 850px){ 
    .xb-text{width: 100%; padding-left: 10px;padding-right: 10px;}
    .xb-name{margin-bottom: 10px;}
    .xb-intro{font-size: 12px;}
}

.xc-a{width: 100%;padding-top: .95rem;padding-bottom: .5rem;}
.xc-main{width: 16.8rem;margin: 0 auto;}
.xc-titles{width: 100%;margin-bottom: .95rem; text-align: center;color: #111111;line-height: 1.27;}
.xc-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.xc-item{width: 31.55%;padding: .6rem .4rem; margin-right: 2.67%;cursor: pointer; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: .5rem;background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);}
.xc-item:nth-child(3n){margin-right: 0;}
.xc-icon{display: block;}
.xc-icon1{display: block;width: 1.2rem;height: 1.2rem;text-align: center;line-height: 1.2rem;border-radius: 50%; background-color: #f3f5f7;}
.xc-icon1 img{max-width: 45%;max-height: 45%;}
.xc-icon2{display: none;width: 1.2rem;height: 1.2rem;text-align: center;line-height: 1.2rem;border-radius: 50%; background-color: #014a97;}
.xc-icon2 img{max-width: 45%;max-height: 45%;}
.xc-text{width: calc(100% - 1.6rem);}
.xc-name{width: 100%;margin-bottom: .32rem; color: #111111;line-height: 1.25;}
.xc-more{width: 100%;color: #111111;line-height: 1.7;}
.xc-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: .875em;height: 1em;background-image: url('../images/a2-c.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.xc-item:hover .xc-icon1{display: none;}
.xc-item:hover .xc-icon2{display: block;}
.xc-item:hover .xc-name{color: #014a97;}
.xc-item:hover .xc-more{color: #014a97;}
.xc-item:hover .xc-more:after{background-image: url('../images/a2.png');}

@media(max-width: 850px){ 
    .xc-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xc-item{width: 100%;margin-right: 0;}
}

.xd-a{width: 100%;padding-top: .7rem;padding-bottom: 1rem;overflow: hidden;}
.xd-main{width: 16.8rem;margin: 0 auto;}
.xd-top{width: 100%;margin-bottom: .75rem; text-align: center;}
.xd-titles{width: 100%;margin-bottom: .25rem; color: #111111;line-height: 1.2;}
.xd-synopsis{font-family: ranyRegular;width: 100%;max-width: 72em;margin: 0 auto;text-align: justify; color: #606266;line-height: 2;}
.xd-cont{width: 10.6rem;margin: 0 auto .6rem; position: relative;}
.xd-b{width: 100%;overflow: visible !important;}
.xd-item{width: 100%;padding: 0 .5rem;}
.xd-link{display: block;cursor: pointer; width: 100%;border-radius: .1rem;position: relative;overflow: hidden;}
.xd-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(540/960*100%);}
.xd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.xd-text{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: 100%;padding:.3rem .4rem ;}
.xd-name{width: 100%;color: #ffffff;line-height: 1.3;}
.xd-item.swiper-slide-active .xd-text{opacity: 1;}

.xd-prev{transform: rotate(-180deg); left: .1rem;margin-top: -.4rem; width: .8rem;height: .8rem;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);border-radius: .08rem;background-image: url('../images/a2.png'); background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.xd-prev:hover{background-image: url('../images/a2-b.png'); background-color: #014a97;}
.xd-next{right: .1rem;margin-top: -.4rem; width: .8rem;height: .8rem;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);border-radius: .08rem;background-image: url('../images/a2.png'); background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.xd-next:hover{background-image: url('../images/a2-b.png'); background-color: #014a97;}

.xd-tip{position: absolute;bottom: -.6rem;left: 0;width: 100%;text-align: center;font-size: 0;}
.xd-nub{font-family: RanyRegular;display: inline-block;vertical-align: middle;color: #606266;}
.xd-sum{font-family: RanyRegular;display: inline-block;vertical-align: middle;color: #606266;}
.xd-line{font-family: RanyRegular;display: inline-block;vertical-align: middle;margin: 0 .04rem; color: #606266;}
.xd-line:after{content: '/';}

@media(max-width: 850px){ 
    .xd-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xd-cont{width: 100%;}
    .xd-item{padding: 0 .3rem;}
    .xd-prev{left: -.1rem;}
    .xd-next{right: -.1rem;}
    .xd-text{padding: 10px;}
}

.xe-a{width: 100%;position: relative; padding-top: .7rem;padding-bottom: .9rem;overflow: hidden;}
.xe-particle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.xe-main{width: 16.8rem;margin: 0 auto;position: relative;z-index: 18;}
.xe-top{width: 100%;margin-bottom: .95rem; text-align: center;}
.xe-titles{width: 100%;margin-bottom: .25rem; color: #111111;line-height: 1.2;}
.xe-synopsis{font-family: ranyRegular;width: 100%;max-width: 72em;margin: 0 auto;text-align: justify; color: #606266;line-height: 2;}

.xe-navbox{width: 100%;font-size: 0;text-align: center;padding-bottom: .5rem;}
.xe-nav{display: inline-block;vertical-align: top;cursor: pointer; margin: 0 1rem .5rem;}
.xe-icon{display: inline-block;}
.xe-icon1{display: block;width: .9rem;height: .9rem;text-align: center;line-height: .9rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);}
.xe-icon1 img{max-width: 50%;max-height: 50%;}
.xe-icon2{display: none;width: .9rem;height: .9rem;text-align: center;line-height: .9rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);}
.xe-icon2 img{max-width: 50%;max-height: 50%;}
.xe-tip{width: 100%;margin-top: .25rem;color: #111111;line-height: 1.6;}
.xe-nav.active .xe-icon1{display: none;}
.xe-nav.active .xe-icon2{display: block;}
.xe-nav.active .xe-tip{color: #014a97;}

.xe-cont{width: 100%;position: relative;z-index: 8;}
.xe-one{position: absolute;top: 0;left: -29rem;width: 100%;}
.xe-one.show{position: relative;left: 0;}
.xe-swiper{width: 100%;max-width: 16.8rem;margin: 0 auto; position: relative;}
.xe-b{width: 100%;  }
.xe-item{transition: all ease .5s; width: 20%;display: flex;align-items: center; min-height: 3.5rem;}
.xe-box{width: 100%;text-align: center;}
.xe-img{transition: all ease .5s;display: inline-block; transform: rotate(0);  box-shadow: 0px .1rem .2rem 0px rgba(1, 74, 151, 0.15);}
.xe-img img{max-width: 3rem;max-height: 3rem;cursor: pointer;}

/* .xe-item.c1{padding-top: 2rem;} 
.xe-item.c1 .xe-img{max-width: 75%; max-height: 2rem; transform: rotate(-30deg);transform-origin: right top;}
.xe-item.c2{padding-top: .95rem;} 
.xe-item.c2 .xe-img{max-width: 75%; max-height: 2rem; transform: rotate(-15deg);transform-origin: right top;}
 
.xe-item.c4{ padding-top: .95rem;} 
.xe-item.c4 .xe-img{max-width: 75%; max-height: 2rem; transform: rotate(15deg);transform-origin: left top;}
.xe-item.c5{padding-top: 2rem;}  
.xe-item.c5 .xe-img{max-width: 75%; max-height: 2rem; transform: rotate(30deg);transform-origin: left top;} */

.xe-hint{ width: 100%;text-align: center;font-size: 0;}
.xe-nub{font-family: RanyRegular;display: inline-block;vertical-align: middle;color: #606266;}
.xe-sum{font-family: RanyRegular;display: inline-block;vertical-align: middle;color: #606266;}
.xe-line{font-family: RanyRegular;display: inline-block;vertical-align: middle;margin: 0 .04rem; color: #606266;}
.xe-line:after{content: '/';}

/* .xe-bottom{width: 12rem;margin: 0 auto;padding: .35rem 2.4rem;position: relative;} */
.xe-bottom{width: 12rem;margin: 0 auto;padding:  0 2.4rem .3rem;position: relative;}
.xe-list{width: 100%;min-height: 3.6em;display: flex;align-items: center;}
.xe-name{display: none; width: 100%;text-align: center; color: #111111;line-height: 1.2;}
.xe-name.show{display: block;}

.xe-prev{transform: rotate(-180deg);  left: -.4rem;margin-top: -.4rem; width: .8rem;height: .8rem;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);border-radius: .08rem;background-image: url('../images/a2.png'); background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.xe-prev:hover{background-image: url('../images/a2-b.png'); background-color: #014a97;}
.xe-next{ right: -.4rem;margin-top: -.4rem; width: .8rem;height: .8rem;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);border-radius: .08rem;background-image: url('../images/a2.png'); background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.xe-next:hover{background-image: url('../images/a2-b.png'); background-color: #014a97;}

@media(max-width: 850px){ 
    .xe-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xe-navbox{padding-bottom: 20px;}
    .xe-nav{width: 33.33%;margin: 0 ;padding: 0 5px 10px;}
    .xe-bottom{max-width: 96%;padding: .35rem 1rem;}
    .xe-item{margin: 0 10px;}

    .xe-swiper{max-width: 500px; padding: 0 .8rem;}
    .xe-item{width: 100%;}
    .xe-prev{left: 10px;}
    .xe-next{right: 10px;}
    .xe-img img{max-width: 300px;}
}

.xf-a{width: 100%;padding-top: .95rem;padding-bottom: 1rem;}
.xf-main{width: 16.8rem;margin: 0 auto;}
.xf-top{width: 100%;font-size: 0;margin-bottom: .95rem;}
.xf-left{display: inline-block;vertical-align: bottom;width: 57.8%;padding-right: 1.3rem;}
.xf-titles{width: 100%;margin-bottom: .35rem; color: #111111;line-height: 1.2;}
.xf-textbox{font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.8;}
.xf-textbox *{line-height: inherit;max-width: 100%;}
.xf-right{display: inline-block;vertical-align: bottom;width: 42.2%;padding-bottom: .05rem;}
.xf-img{width: 100%;}
.xf-img img{width: 100%;}

.xf-center{width: 100%;font-size: 0;padding: .3rem 0;margin-bottom: .95rem; border-top: 1px solid #014a97;border-bottom: 1px solid #014a97;}
.xf-item{display: inline-block;vertical-align: top;width: 16.66%;text-align: center;padding: .25rem .05rem;}
.xf-b{width: 100%;}
.xf-nub{font-family: heavy;display: inline-block;vertical-align: middle;color: #014a97;line-height: 1.16;}
.xf-tip{font-family: heavy;display: inline-block;vertical-align: middle;color: #014a97;line-height: 1.16;}
.xf-intro{width: 100%;margin-top: .15rem; color: #999999;line-height: 1.7;}

.xf-bottom{width: 100%;}
.xf-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xf-lt{float: left;width: 7.9rem;}
.xf-rt{float: right;width: 7.9rem;}

@media(max-width: 850px){ 
    .xf-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xf-left{width: 100%;padding-right: 0;margin-bottom: 15px;}
    .xf-right{width: 100%;}
    .xf-item{width: 50%;}
    .xf-lt{width: 100%;margin-bottom: 15px;}
    .xf-rt{width: 100%;}
}

.xg-a{width: 100%;overflow: hidden;}
.xg-main{width: 100%;margin: 0 auto;}
.xg-cont{width: 100%;padding-top: .95rem ;padding-bottom: 1rem; min-height: 8.6rem; position: relative;}
.xg-cont:before{content: '';position: absolute;top: 0;left: 33.33%;display: block;z-index: 28; width: 1px;height: 100%;background-color: rgba(255,255,255,.2);}
.xg-cont:after{content: '';position: absolute;top: 0;left: 66.66%;display: block;z-index: 28; width: 1px;height: 100%;background-color: rgba(255,255,255,.2);}
.xg-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.xg-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.xg-top{width: 100%;margin-bottom: 1.6rem; position: relative;z-index: 18;text-align: center;}
.xg-titles{width: 100%;color: #ffffff;line-height: 1.2;}
.xg-list{width: 100%;text-align: center;position: relative;z-index: 18;font-size: 0;}
.xg-item{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 .1rem; position: relative;}
.xg-icon{width: 100%;height: .75rem;line-height:  .75rem;}
.xg-icon img{max-width: .85rem;max-height: 100%;}
.xg-text{width: 100%;padding-top: .4rem;}
.xg-name{width: 100%;margin-bottom: .2rem; color: #ffffff;line-height: 1.27;}
.xg-intro{ font-family: ranyRegular;width: 100%;max-width: 26em;margin: 0 auto; color: #ffffff;line-height: 1.5;}

@media(max-width: 850px){ 
    .xg-main{width: 100%;}
    .xg-cont:before{display: none;}
    .xg-cont:after{display: none;}
    .xg-top{margin-bottom: 30px;}
    .xg-item{width: 100%;margin-bottom: 15px;padding: 0 10px;}
}

.xh-a{width: 100%;padding-top: 1.5rem;padding-bottom: 1rem; background-color: #d0d3d7;background-image: linear-gradient(45deg, #d0d3d7 0%, #f3f5f7 34%, #dcdfe3 81%, #eaeced 100%);}
.xh-main{width: 16.8rem;margin: 0 auto;}
.xh-titles{width: 100%;margin-bottom: .75rem; color: #111111;line-height: 1.2;}
.xh-cont{width: 100%;font-size: 0;}
.xh-item{display: inline-block;vertical-align: top;width: 21.43%; margin-right: 4.76%;margin-bottom: .5rem;}
.xh-item:nth-child(4n){margin-right: 0;}
.xh-icon{display: inline-block;	width: .8rem;height: .8rem;text-align: center;line-height: .8rem; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);border-radius: .2rem;}
.xh-icon img{max-width: 55%;max-height: 55%;}
.xh-text{width: 100%;padding-top: .37rem;}
.xh-name{width: 100%;margin-bottom: .25rem; color: #111111;line-height: 1.25;}
.xh-intro{font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.5;}


@media(max-width: 850px){ 
    .xh-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xh-item{width: 100%;margin-right: 0;}
}

.xi-a{width: 100%;padding-top: .95rem;padding-bottom: .9rem; background-image: url('../images/d13.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xi-main{width: 16.8rem;margin: 0 auto;}
.xi-top{width: 100%;margin-bottom: .55rem; display: flex;align-items: center;}
.xi-lt{flex: 1;padding-right:  .1rem;}
.xi-titles{width: 100%; color: #ffffff;line-height: 1.2;}
.xi-rt{font-size: 0;}
.xi-more{display: inline-block;cursor: pointer; padding: 0 .3rem;color: #014a97;line-height: .56rem;background-color: #fff;border-radius: .08rem;}
.xi-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .25rem; width: 1em;height: 1.5em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.xi-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xi-left{width: 57.14%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xi-one{display: block;width: calc(50%  - .1rem);padding: .2rem .2rem .15rem;text-align: center;height: calc(100% - .2rem);  background-color: #ffffff;border-radius: .08rem;margin-bottom: .2rem;}
.xi-one .xi-img{width: 100%;margin-bottom: .3rem; height: 4.2rem;line-height: 4.2rem;}
.xi-one .xi-img img{max-width: 100%;max-height: 100%;cursor: pointer;}
.xi-text{width: 100%;}
.xi-name{width: 100%;line-height: 1.28;} 

.xi-right{width: 41.66%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xi-item{display: block;width: calc(50%  - .1rem);padding: .35rem .2rem .15rem;text-align: center; min-height: 2.55rem;background-color: #ffffff;border-radius: .08rem;margin-bottom: .2rem;}
.xi-item .xi-img{width: 100%;margin-bottom: .25rem; height: 1.4rem;line-height: 1.4rem;}
.xi-item .xi-img img{max-width: 100%;max-height: 100%;cursor: pointer;}

.wi-swiper{width: 100%;overflow: hidden;}
.wi-b{width: 100%;}
.wi-slide{width: 100%;}

@media(max-width: 850px){ 
    .xi-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xi-more{line-height: 32px;}
    .xi-left{width: 100%;}
    .xi-right{width: 100%;}
    .xi-one{padding: 15px 10px;}
    .xi-one .xi-img{margin-bottom: 15px;}
    .xi-item{padding: 15px 10px;}
    .xi-one .xi-img{height: 150px;line-height: 150px;}
    .xi-item .xi-img{height: 130px;line-height: 130px;}
}

.xj-a{width: 100%;padding-top: .95rem;padding-bottom: 1.05rem; }
.xj-main{width: 16.8rem;margin: 0 auto;}
.xj-top{width: 100%;margin-bottom: .65rem; display: flex;align-items: center;}
.xj-lt{flex: 1;padding-right:  .1rem;}
.xj-titles{width: 100%; color: #111111;line-height: 1.2;}
.xj-rt{font-size: 0;}
.xj-more{display: inline-block;cursor: pointer; padding: 0 .3rem;color: #014a97;line-height: .56rem;background-color: #f3f5f7;border-radius: .08rem;}
.xj-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .25rem; width: 1em;height: 1.5em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.xj-bottom{width: 100%;}
.xj-b{width: 100%;}
.xj-item{width: 32.14%;margin-right: 1.78%;}
.xj-item:last-child{margin-right: 0;}
.xj-link{display: block;cursor: pointer; width: 100%;}
.xj-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(324/540*100%);}
.xj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.xj-text{width: 100%;padding-top: .15rem;text-align: center;}
.xj-name{width: 100%;color: #111111;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xj-item:hover .xj-img img{transform: scale(1.05);}
.xj-item:hover .xj-name{color: #014a97;}

@media(max-width: 850px){ 
    .xj-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xj-titles{font-size: 18px;}
    .xj-more{line-height: 32px;}
    .xj-item{width: calc(50% - 5px);margin-right: 10px;}
}

.xk-a{width: 100%; background-image: url('../images/d23.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xk-main{width: 16.8rem;margin: 0 auto;}
.xk-cont{width: 100%;position: relative;}
.xk-top{position: absolute;top: .95rem;left: 0; width: 100%;}
.xk-titles{width: 100%; color: #111111;line-height: 1.2;}

.xk-bottom{width: 100%;position: relative;z-index: 8;padding-top: .95rem; min-height: 9.3rem;}
.xk-b{width: 100%;}
.xk-item{transition: all ease .5s;display: block;width: 12.5%;padding-top: 4.3rem;}
.xk-link{width: 100%;padding-left: .33rem;padding-right: .05rem; position: relative; }
.xk-link:before{content: '';position: absolute;top:  .05rem;left: .08rem;width: .1rem;height: calc(100% - .05rem);background-image: url('../images/c24.png'); background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.xk-box{width: 100%;height: 3.2rem;overflow: auto;}
.xk-year{width: 100%;margin-bottom:  .1rem; color: #014a97;line-height: 1.27;}
.xk-intro{font-family: ranyRegular;width: 100%; color: #606266;line-height: 1.5;} 



.xk-prev{left: auto;top: auto;bottom: .3rem;right: .3rem; margin-top: 0; width: .27rem;height: .3rem;background-image: url('../images/a26-b.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.xk-next{transform: rotate(-180deg);top: auto;bottom: .3rem; right: -.1rem;margin-top: 0; width: .27rem;height: .3rem;background-image: url('../images/a26-b.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
 

@media(min-width: 851px){  
    .xk-item.swiper-slide-active + div{padding-top: 3.5rem;}
    .xk-item.swiper-slide-active + div + div{padding-top: 3.1rem;}
    .xk-item.swiper-slide-active + div + div + div{padding-top: 2.55rem;}
    .xk-item.swiper-slide-active + div + div + div + div{padding-top: 1.37rem;}
    .xk-item.swiper-slide-active + div + div + div  + div + div{padding-top: .45rem;}
    .xk-item.swiper-slide-active + div + div + div  + div + div + div{padding-top: .45rem;}
    .xk-item.swiper-slide-active + div + div + div  + div + div + div + div{padding-top:  0;}
}
@media(max-width: 850px){ 
    .xk-a{width: 100%;padding-top: .8rem;padding-bottom: .8rem; }
    .xk-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xk-top{position: relative;top: 0; width: 100%;margin-bottom: .5rem;}
    .xk-bottom{min-height: 100px;padding-top:  0;padding-bottom: 30px;}
    .xk-bottom:before{content: '';position: absolute;top: .08rem;left: 0;width: 100%;height: 1px;border-top: 1px dashed #757c7f;}
    .xk-item{width:50%;padding-top: 0;} 
    .xk-box{padding-top: .5rem; height: auto;} 
    .xk-prev{ bottom: 0;right: auto;left: calc(50% - .5rem);}
    .xk-next{ bottom: 0;left: auto;right: calc(50% - .5rem);}
}
 

.xl-a{width: 100%;padding-top: 2.75rem;padding-bottom: .6rem; min-height: 9.4rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xl-main{width: 16.8rem;margin: 0 auto;}
.xl-cont{width: 100%;text-align: center;}
.xl-logo{width: 100%;margin-bottom: 1.15rem;}
.xl-logo img{height:  .7rem;}
.xl-titles{width: 100%;margin-bottom: .4rem;color: #ffffff;line-height: 1.16;}
.xl-intro{width: 100%;color: #ffffff;line-height: 1.3;}
.xl-buttom{width: 100%;padding-top: .45rem;}
.xl-one{display: inline-block;vertical-align: middle;position: relative;cursor: pointer; margin: .3rem .1rem 0; padding: 0 .6rem 0 .3rem;color: #014a97; min-width: 3rem;height: .56rem;line-height: .56rem;background-color: #ffffff;border-radius: .08rem;}
.xl-one:after{transition: all ease .5s;content: '';position: absolute;top: 0;right: .3rem;width: .16rem;height: 100%;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.xl-one:hover:after{right: .2rem;}

@media(max-width: 1200px){ 
    .xl-a{padding-top: 1rem;}
}
@media(max-width: 850px){ 
    .xl-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
}

.xm-cont{width: 100%;font-size: 0;padding-top: .25rem; max-width: 16.8rem;margin: 0 auto;}
.xm-item{display: inline-block;vertical-align: top; width: 20%;text-align: center; } 
.xm-img{width: 100%;height: 3rem;line-height: 3rem;}
.xm-img img{display: inline-block; max-width: 80%;max-height:  80%;box-shadow: 0px .1rem .2rem 0px rgba(1, 74, 151, 0.15);}
.xm-name{display: none; width: 100%;color: #111111;line-height: 1.5;}

@media(max-width: 850px){ 
    .xm-cont{max-width: 500px; padding: 0  10px;}
    .xm-item{width: 50%;}
    .xm-img{margin-bottom: 10px;} 
}


/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 800px;max-width: 94%;}
.xv-b {width: 100%;}
.xv-c {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #014a97;position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e{width: 100%;height: 60vh;}
.xv-f{width: 100%;height: auto;max-height: 90vh;}
@media(max-width:1200px) {
    .xv-c{right: 0; top: -45px;}
}

.product-container{width: 100%;display: flex;flex-wrap: wrap;}
.product-card {width: 100%;max-width: 400px; padding: .2rem;margin-bottom: .5rem; background-color: #f9f9f9;border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.product-card:nth-child(3n){margin-right: 0;}
.product-card img {width: 100%;border-radius: 5px;}
.product-card h2 {font-size: 24px;margin-top: 10px;margin-bottom: 10px; line-height: 1.3;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-card p {margin-bottom: 10px;line-height: 1.3;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-card .read-more { display: inline-block;padding: .08rem .16rem;color: #fff;background-color: #4CAF50;text-decoration: none;border-radius: 4px;}

@media(max-width: 850px){ 
    .product-card h2{font-size: 16px;}
    .product-card:nth-child(3n){margin-right: 10px;}
    .product-card:nth-child(2n){margin-right: 0;}
}